@charset "UTF-8";
/* =========================================================
   original-fixes.css — 原本CSS（assets/original/）への上書きを集約する唯一のファイル
   docs/05_原本デザインのパーツ化設計.md §7

   ルール:
   - 原本CSSそのものは絶対に編集しない。上書きはこのファイルにだけ書く
   - 1件ごとに「何を・なぜ」の理由コメントを必ず付ける
   - header-original.php を使うページでのみ読み込まれる（inc/assets.php）
   ========================================================= */

/* [1] 768pxちょうどで画面全体が消える問題（工程1で発見）
   原本テーマは <html> に class="pc" を付けるが、同じ .pc を「PC専用要素を
   SPで隠す」ユーティリティにも使っており、@media (max-width:768px) の
   .pc{display:none} が <html> ごと巻き込む。
   JS側は 768px以上を pc と判定するため、768pxちょうどだけ白紙になる。
   ユーティリティとしての .pc は活かしたまま、<html> だけ救済する。 */
@media screen and (max-width: 768px) {
	html.pc {
		display: block;
	}
}

/* [2] 新規セクション「お知らせ」（原本には存在しない要素・docs/01 §6・docs/02 §15・
   2026-08-10 クライアント承認）のスタイル。parts/sections-original/section-news.php が使う
   tz-heading/tz-container/tz-grid/tz-card/tz-btn--underline は、クリーン版デザイン
   （assets/css/base.css の実測トークン）と同じ見た目にするための再実装。
   原本DOMページは base.css を読み込まないため、このセクション専用にここへ複製する。 */
.tz-container {
	width: min(100% - clamp(20px, 4vw, 40px) * 2, 1140px);
	margin-inline: auto;
}

.tz-section {
	padding-block: clamp(56px, 9vw, 110px);
}

.tz-bg--default {
	background: #fff;
}

.tz-heading {
	text-align: center;
	margin-bottom: clamp(32px, 6vw, 60px);
}

.tz-heading__en {
	font-family: "Cormorant", serif;
	font-size: clamp(2rem, 1.6rem + 1.8vw, 2.875rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.1;
	color: #848383;
}

.tz-heading__ja {
	margin-top: 0.6em;
	font-size: 0.875rem;
	letter-spacing: 0.14em;
	color: #848383;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.tz-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(24px, 4vw, 40px);
}

@media (min-width: 768px) {
	.tz-grid--news {
		grid-template-columns: repeat(3, 1fr);
	}
}

.tz-card {
	display: block;
	text-align: center;
	color: inherit;
	text-decoration: none;
}

.tz-card__image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f2f2f2;
}

.tz-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.tz-card:hover .tz-card__image img {
	transform: scale(1.04);
}

.tz-card__noimage {
	display: block;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
}

.tz-card__body {
	padding-top: 1em;
}

.tz-card__date {
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	color: #848383;
}

.tz-card__title {
	margin-top: 0.3em;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.8;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.tz-section__more {
	margin-top: clamp(32px, 5vw, 56px);
	text-align: center;
}

.tz-btn--underline {
	display: inline-block;
	min-width: 0;
	padding: 0.2em 0.4em;
	border: 0;
	border-bottom: 1px solid #000;
	border-radius: 0;
	background: transparent;
	color: #000;
	font-family: Arial, "Yu Mincho", "游明朝", "游明朝体", "Hiragino Mincho Pro", serif;
	font-size: 1.125rem;
	letter-spacing: 0.12em;
}

.tz-btn--underline:hover {
	background: transparent;
	color: #848383;
	border-color: #848383;
}

/* works（parts/sections-original/section-works.php）用の追加クラス。
   [2]のtz-grid/tz-cardに、作品カード特有のバリエーションだけ足す */
.tz-card__image--square {
	aspect-ratio: 1 / 1;
}

.tz-card__meta {
	margin-top: 0.2em;
	font-size: 0.8125rem;
	color: #848383;
}

@media (min-width: 768px) {
	.tz-grid--works {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.tz-grid--works {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ピル型ボタン（実測: 商品ページ/商品一覧 = 1px枠・透過・角丸30px・グレー文字） */
.tz-btn {
	display: inline-block;
	min-width: 200px;
	padding: 0.7em 2.4em;
	border: 1px solid #858585;
	border-radius: 30px;
	background: transparent;
	color: #858585;
	text-align: center;
	font-size: 0.9375rem;
	letter-spacing: 0.08em;
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.tz-btn:hover {
	background: #858585;
	color: #fff;
}

/* [3] 新規セクション「商品カテゴリー導線」（原本のband-16/17/18は装飾写真のみで
   リンク・カテゴリー紐付けが無かったため、docs/01 §6・docs/02 §11の要件により
   CPT product 駆動のナビゲーションに置き換え・2026-08-10クライアント承認）のスタイル。
   parts/sections-original/section-categories.php が使う tz-catbanner* は
   クリーン版（assets/css/sections.css）と同じ見た目にするための再実装。 */
.tz-catbanners {
	display: grid;
}

.tz-catbanner {
	position: relative;
	display: grid;
	place-content: center;
	min-height: clamp(300px, 42vw, 480px);
	text-align: center;
	color: #fff;
	overflow: hidden;
	isolation: isolate;
}

.tz-catbanner__image {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: #0c0c0c;
}

.tz-catbanner__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
}

.tz-catbanner__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.tz-catbanner:hover .tz-catbanner__image img {
	transform: scale(1.04);
}

.tz-catbanner__body {
	padding: 32px clamp(20px, 4vw, 40px);
	max-width: 640px;
}

.tz-catbanner__title {
	font-family: "Abhaya Libre", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.75rem, 1.4rem + 1.8vw, 2.5rem);
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.3;
}

.tz-catbanner__text {
	margin-top: 0.8em;
	font-size: 0.875rem;
	line-height: 2;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.tz-catbanner__more {
	display: inline-block;
	margin-top: 1.4em;
	padding: 0.5em 2em;
	border: 1px solid #fff;
	border-radius: 30px;
	font-size: 0.8125rem;
	letter-spacing: 0.1em;
	transition: background-color 0.3s, color 0.3s;
}

.tz-catbanner:hover .tz-catbanner__more {
	background: #fff;
	color: #000;
}

/* [4] 混成ページ（原本chrome + クリーン版コンテンツ / tz_original_hybrid()。
   2026-08-13 全ページ共通ヘッダー化）で、原本テーマ rikyu の .p-body 配下タイポグラフィが
   tz-* パーツへ漏れる。原本側はWPエディタ出力の記事本文を想定して bare要素へ
     .p-body h2:not(.wp-block-heading, .wp-block-tcd-heading) { text-align: center }
     .p-body h1〜h6 { margin: 2rem 0 1rem; font-size: max(var(--tcd-post-headline-font-size), 14px) }
     .p-body p / .p-body figure { margin-bottom: 2rem }
     .p-body > * { margin-bottom: 2rem }
   を当てており、詳細度が (0,2,1)/(0,1,1) のためパーツ側のクラス指定 (0,1,0) では勝てない
   （実測: 拠点の見出しが中央寄せ・本文の下に42.5pxの余白）。
   gallery ページの2セクションだけにスコープして打ち消す。他の混成ページ
   （archive-news / 404 / page.php）は対象外にして影響を出さない。
   ※TOPの prelude には .p-body が無いため、TOPのtz-*セクションは元から無関係。 */
.p-body .tz-section--galleryspots :is(h1, h2, h3, h4, h5, h6),
.p-body .tz-section--exhibitionphotos :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 0;
	margin-bottom: 0;
	text-align: inherit;
}

.p-body .tz-section--galleryspots :is(p, figure),
.p-body .tz-section--exhibitionphotos :is(p, figure) {
	margin-bottom: 0;
}

.p-body > .tz-section--galleryspots,
.p-body > .tz-section--exhibitionphotos,
.p-body > .tz-band-divider {
	margin-bottom: 0;
}

/* 原本の .p-body h1〜h6 は font-size も奪うため、h2を使う箇所だけ実値で復元する
   （base.css のトークンと同値。原本ページは base.css を読まないので変数は使わない） */
.p-body .tz-section--galleryspots .tz-spot__name {
	margin-top: 0.2em;
	font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem);
}

.p-body .tz-section--exhibitionphotos .tz-heading__en {
	font-size: clamp(2rem, 1.6rem + 1.8vw, 2.875rem);
}

/* [5] concept ページ（about-us の原本デザインを差し替えた混成ページ / docs/08）にも
   [4] と同じ .p-body 漏れがある。実測（preview/measure-concept.mjs）:
     .tz-heading__en に margin 2rem/1rem、.tz-concept__catch / __body に margin-bottom 約42〜59px
   が入り、見出しと本文の間隔がパーツ側の設計値より広がっていた。
   font-size は sections.css の `.tz-section--concept .tz-heading__en`(0,2,0) が
   `.p-body h1〜h6`(0,1,1) に勝つため実測どおり正しく、ここでは余白だけ打ち消す。
   [4] と同じく該当2セクションにスコープし、他の混成ページには影響させない。 */
.p-body .tz-section--concept :is(h1, h2, h3, h4, h5, h6),
.p-body .tz-section--scatterphotos :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 0;
	margin-bottom: 0;
}

.p-body .tz-section--concept :is(p, figure),
.p-body .tz-section--scatterphotos :is(p, figure) {
	margin-bottom: 0;
}

.p-body > .tz-section--concept,
.p-body > .tz-section--scatterphotos {
	margin-bottom: 0;
}

/* [6] Elementorコンテナの既定値の補完（2026-08-16・工程Hの実WP通し確認で発見）。
   原本は `.e-con { display: var(--display) }` を使い、その既定値 `--display: flex` を
   Elementor本体の frontend.min.css（withers.jp を直接参照・自前ホストしていない外部依存。
   docs/07 §7 工程Eの申し送り）が持っている。読み込まれないため、**ページCSSに個別ルールを
   持たないコンテナだけ** `--display` が未定義になり `display: inline` に落ちて、
   中身が横に並んで画面外まではみ出す（works-history / 原本casestudy の band-03 で実測:
   375px で 358px のはみ出し）。
   Elementorの既定と同じ flex を補うだけの保険で、個別ルール（詳細度が1つ高い）がある
   コンテナには影響しない。frontend.min.css を自前ホストしたら削除してよい。 */
.elementor-tzorig .e-con {
	--display: flex;
}

/* [7] 新規セクション「商品紹介カード（products）」「お問い合わせ〜納品の流れ（flow）」の
   スタイル（2026-08-17・docs/10 工程L ②）。
   この2つをブロックとして置けるようにするにあたり、原本DOMのページでも見た目が成立するよう
   クリーン版（assets/css/base.css / sections.css の実測トークン）から必要分だけ複製した。
   原本DOMページは base.css を読み込まないため（docs/05 §7）。
   共通の器（tz-container / tz-section / tz-heading / tz-grid / tz-card / tz-btn）は
   上の [2] が既に持っているので、ここは**差分だけ**。works は [2] で足りている
   （tz-grid--works / tz-card__image--square / tz-card__meta が既にある）。
   CSS変数は原本ページで未定義なので実値に展開してある（base.css の :root と同じ値）。 */

/* products: 商品カードのグリッド。SP1列 → 768px以上2列 → 1024px以上4列 */
@media (min-width: 768px) {
	.tz-grid--products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.tz-grid--products {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* products: 商品名は欧文（--tz-font-en = Abhaya Libre）で出す */
.tz-card__title--en {
	font-family: "Abhaya Libre", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.08em;
}

.tz-card__text {
	margin-top: 0.4em;
	font-size: 0.875rem;
	line-height: 1.9;
	color: #333;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/* カード内の小ピルボタン（実測: 商品ページ 15px グレー枠） */
.tz-card__more {
	display: inline-block;
	margin-top: 1em;
	padding: 0.45em 1.8em;
	border: 1px solid #858585;
	border-radius: 30px;
	font-size: 0.875rem;
	letter-spacing: 0.06em;
	color: #858585;
	transition: background-color 0.3s, color 0.3s;
}

.tz-card:hover .tz-card__more {
	background: #858585;
	color: #fff;
}

/* flow: 番号付きステップ。番号はCSSカウンタなので、項目を足しても採番が続く */
.tz-flow {
	display: grid;
	max-width: 760px;
	margin-inline: auto;
	counter-reset: tz-flow;
}

.tz-flow__step {
	counter-increment: tz-flow;
	position: relative;
	padding: 1.4em 0 1.4em 72px;
	border-bottom: 1px solid #e5e5e5;
}

.tz-flow__step:first-child {
	border-top: 1px solid #e5e5e5;
}

.tz-flow__step::before {
	content: counter(tz-flow, decimal-leading-zero);
	position: absolute;
	left: 8px;
	top: 1.35em;
	font-family: "Cormorant", serif;
	font-size: 1.375rem;
	color: #848383;
	line-height: 1.4;
}

.tz-flow__heading {
	font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.tz-flow__text {
	margin-top: 0.4em;
	font-size: 0.9375rem;
	line-height: 1.9;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/* 原本テーマの「記事本文」スタイル（`.p-body h3` / `.p-body ol` など）の打ち消し。

   パーツを本文のブロックとして置くと、テンプレートによっては
   `<div class="p-body u-clearfix js-post-content">` の中に入る（page.php 経路・
   page-company.php 等）。原本テーマはそこに記事向けの指定を持っていて、
   詳細度が (0,2,0) あるため上の (0,1,0) の指定に勝ってしまう。実測で出ていた症状:
     .p-body ol       … `list-style: decimal` が復活し、CSSカウンタの「01」と
                          ブラウザ既定の「1.」が**二重に**並ぶ / `margin-left: 1.5em`
     .p-body h3       … `margin: 4rem 0 2rem` と `font-size: 1.5em` が入り、
                          見出しが不必要に大きく・離れる（実測 35.2 / 19.2px・16px）
   クラスを重ねて (0,3,0) にして打ち消す（!important を使わずに済む。
   やり方は assets/css/sections/mission-layout.css の `.tz-mission.tz-mission.tz-mission` と同じ）。

   `.p-body` の漏れ自体はページ側で塞ぐのが本筋で、docs/06 に
   「archive-news / 404 / page.php は未対応」として申し送りがある（docs/10 工程K ④）。
   ここはパーツ側の自衛で、ページ側が直っても悪さはしない。
   `.tz-card__title` は news / works のカードとも共有なので、そちらの見え方も同時に直る。 */
.tz-flow.tz-flow.tz-flow {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}

/* 見出し・本文の余白だけは原本側が `margin: 2.2em 0 1.2em !important` で撒いているので
   こちらも !important で返す（docs/06 2026-08-14「生成CSSを !important 付きで出す」と同じ理由）。
   letter-spacing / font-size は詳細度だけで勝てるので素のまま。 */
.tz-flow .tz-flow__heading.tz-flow__heading {
	margin-block: 0 !important;
	font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
	letter-spacing: 0.04em;
}

.tz-flow .tz-flow__text.tz-flow__text {
	margin: 0.4em 0 0 !important;
	font-size: 0.9375rem;
	letter-spacing: normal;
}

.tz-card .tz-card__title.tz-card__title {
	margin: 0.3em 0 0 !important;
	font-size: 1rem;
	letter-spacing: normal;
}

.tz-card .tz-card__text.tz-card__text {
	margin: 0.4em 0 0 !important;
	font-size: 0.875rem;
	letter-spacing: normal;
}

/* 同じ `.p-body` 漏れの1つ。原本テーマは記事本文のリンクに
     `.p-body a:not(.p-button, .wp-block-button__link, .button):hover{text-decoration:underline}`
   （詳細度 0,3,1）を持っていて、**カード全体が1つの `<a>`** の当パーツでは
   ホバーした瞬間に見出しも説明文も金色の下線で貫かれる（2026-08-26 実測）。
   カードのホバーは写真の拡大と「VIEW MORE」（client-tweaks.css [17]）が受け持つので、
   下線は要らない。クラスを重ねて (0,4,1) にして打ち消す。
   `.tz-card` は商品カテゴリー・作品のカードで共通なので、両方まとめて直る。 */
.p-body a.tz-card.tz-card:hover,
.custom-html-widget a.tz-card.tz-card:hover {
	text-decoration: none;
}

/* [8] ヒーロー（FVスライダー＋お知らせティッカー）を、置いたページに関わらず全幅にする
   （2026-08-17・docs/10 工程L ①）。

   工程L でFVを `tz/hero` ブロックにしたので、TOP以外のページにも置けるようになった。
   ところが原本CSSは本文の器を
     .home .l-container__inner       … max-width:100%（TOPだけ全幅）
     .is-sidebar--none .l-container__inner … max-width:900px（下層ページ）
   と出し分けているため、下層に置くと **1280pxで幅900px（左右に190pxの余白）** に
   縮んでしまう（実測）。FVは全幅の意匠なので、器から抜け出させる。

   やり方は自立パーツと同じ負のマージン（assets/css/sections/mission-layout.css の
   「全幅の帯として置かれるようにする」）。TOPのように器が既にビューポート幅のときは
   `50% - 50vw` が 0 になるので**何も変わらない**（実測で確認済み）。 */
.elementor-tzorig #js-index-header,
.elementor-tzorig #js-news-ticker-slider {
	width: auto;
	max-width: none;
	margin-inline: calc(50% - 50vw);
}

/* [9] アイコンフォント design_plus を自前ホストに切り替える（2026-08-17・docs/10 工程N ⑥）。

   原本CSS（assets/original の各ページの 4hjrs(2).css ほか）の @font-face は
   `//withers.jp/wp-content/themes/rikyu_tcd104/fonts/design_plus.*` を直接参照している。
   旧サイトが止まった時点でアイコンが全滅するうえ、現状でもフォントは
   CORS（Access-Control-Allow-Origin 無し）で**ブロックされて読めていない**。
   これが docs/06 2026-08-10「SNS等のアイコンが□表示になる」の正体。

   原本CSSは無改変が規約なので、ここで**同じ family 名の @font-face を後から宣言して上書き**する
   （同名 @font-face は後勝ち）。実体は assets/vendor/fonts/ に取り込んだ同一ファイル。 */
@font-face {
	font-family: "design_plus";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src:
		url("../vendor/fonts/design_plus.woff") format("woff"),
		url("../vendor/fonts/design_plus.ttf") format("truetype"),
		url("../vendor/fonts/design_plus.svg#design_plus") format("svg");
}

/* [10] スクロール演出（fadeUpTrigger）が「消えたまま」にならないようにする
   （2026-08-17・docs/10 工程N ⑥）。

   原本は `.fadeUpTrigger { opacity: 0 }` を先に当てておき、外部スクリプト
   （coco-factory.jp の ugokuweb 3-2-3-1.js）が `.fadeUp` を足すと見える、という作り。
   ところがその配信元は **404 になっている**（実測 2026-08-17）。
   結果、対象要素がすべて不可視のままだった（TOPで38要素中38要素が opacity:0）。

   自前の assets/js/fadeup.js に置き換えたうえで、
   「JSが動いたときだけ隠す」ようにする。JSが落ちても中身は消えない。 */
/* 原本の `.fadeUpTrigger{opacity:0}` は帯のインライン <style>（band-23）にあり、
   このファイルより **後ろ**に出る。同じ詳細度では負けるので `html` を足して勝たせる */
html .fadeUpTrigger {
	opacity: 1;
}

html.tz-fadeup .fadeUpTrigger:not(.fadeUp) {
	opacity: 0;
}

/* [11] ヒーローの文言（見出し・本文・ボタン）の出方（2026-08-26）

   2026-08-17 の [11]（固定見出しとスライド文言を上下に振り分ける指定）は撤去した。
   見出しを各スライドの中（原本と同じ `.p-fp-slider__content-texts` の先頭）へ戻し、
   器がスライドごとに1つになって重なりが起きなくなったため
   （parts/sections-original/section-hero.php・2026-08-26 の「2枚目以降の見出しが出ない」修正）。

   代わりに要るのがこれ。原本CSS（`assets/original/top/4hjrs(2).css`）は
   スライドの中の文言を1つずつ遅らせて出す:
     .p-fp-slider--type2__item.is-active .p-fp-slider__content-texts>*   { opacity:0; animation:FadeIn 2s ease 1s forwards }
     （2つ目は 1.3s、3つ目は 1.6s 遅れ）
   ところが**1枚あたり 3000ms**（tools/split-original-sections.py の HERO_SLIDER_INTERVAL。
   2026-08-26 クライアント指示 / docs/11 §35）なので、この原本の速さのままだと
   **文言が出そろう前に次の写真へ切り替わる**（本文は 1.3〜3.3秒・ボタンは 1.6〜3.6秒かけて出るのに、
   スライドは 3.0秒で変わる）。2026-08-26 クライアント指摘
   「テキストが表示する前にスライドが切り替わってしまう」。

   直し方は2つ:
   (a) **見出しは遅延アニメから外す**（下の2つ目のルール）。見出しはどのスライドにも同じ文言が
       入ることが多く、切り替わりのたびに1秒消えると**点滅して見える**（実測 2026-08-26）。
       写真と同じクロスフェード（`.splide__slide` 自身の opacity・800ms）だけに乗せる。
   (b) **本文・ボタンは速くする**。入力は下の2つの変数の1か所:
         --tz-hero-text-fade … 1つの文言が出きるまでの時間
         --tz-hero-text-step … 2つ目・3つ目をずらす幅（原本の 0.3s 刻みを詰めたもの）
       いまの値だと 本文 0.15〜0.75秒 / ボタン 0.3〜0.9秒 で出そろい、
       残り2秒あまりは止まって読める。**スライドの秒数を変えたらここも見直す**
       （目安: 出そろうのが滞在時間の半分より前。preview/verify-hero-texts.mjs が実測する）。

   セレクタは原本 (0,3,0) より1つ多い (0,4,0)＝ (a) はさらに1つ多い (0,5,0) なので
   !important は要らない（読み込み順にも依存しない）。 */
.p-fp-slider--type2 {
	--tz-hero-text-fade: 0.6s;
	--tz-hero-text-step: 0.15s;
}

.p-fp-slider .p-fp-slider--type2__item.is-active .p-fp-slider__content-texts > * {
	animation: FadeIn var(--tz-hero-text-fade) ease 0s forwards;
}

.p-fp-slider .p-fp-slider--type2__item.is-active .p-fp-slider__content-texts > * + * {
	animation-delay: var(--tz-hero-text-step);
}

.p-fp-slider .p-fp-slider--type2__item.is-active .p-fp-slider__content-texts > * + * + * {
	animation-delay: calc(var(--tz-hero-text-step) * 2);
}

/* (a) 見出しだけは遅延アニメから外す（写真のクロスフェードにだけ乗せる） */
.p-fp-slider .p-fp-slider--type2__item.is-active .p-fp-slider__content-texts > .p-fp-slider__headline {
	opacity: 1;
	animation: none;
}