/*
Theme Name: PANCAKE Child
Theme URI: https://pancakeskatemag.com/
Description: PANCAKE SKATE MAG 用の Kadence 子テーマ。独自ヘッダー（ロゴ＋ナビ＋SNS＋検索）とスタイルを含みます。
Author: PANCAKE SKATE MAG
Author URI: https://pancakeskatemag.com/
Template: kadence
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pancake-child
*/

/* PANCAKE build marker: TOP-1440-HOVER-ORANGE-CAT （この行が見えれば最新版が反映済み） */

/* ==========================================================================
   PANCAKE SKATE MAG - Header
   上段：ロゴ＋SNS / 下段：グローバルナビ / スマホ：ハンバーガー＋ドロワー
   ========================================================================== */

:root {
	--pancake-header-bg: #ffffff;
	--pancake-header-fg: #111111;
	--pancake-header-border: #e5e5e5;
	--pancake-header-max: 1200px;
	--pancake-header-pad: 24px;
}

/* ---- ヘッダー全体 ---- */
.pancake-header {
	background: var(--pancake-header-bg);
	border-bottom: 1px solid var(--pancake-header-border);
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	transition: background 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), backdrop-filter 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
/* スクロール時：半透明＋ぼかし＋影、バーを少し縮める */
.pancake-header.is-scrolled {
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: saturate(180%) blur(12px);
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
	border-bottom-color: transparent;
}
.pancake-header__bar { transition: min-height 0.35s cubic-bezier(0.22, 1, 0.36, 1), padding 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
.pancake-header.is-scrolled .pancake-header__bar {
	min-height: 52px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.pancake-header__logo img {
	transform-origin: left center;
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}
.pancake-header.is-scrolled .pancake-header__logo img { transform: scale(0.82); }
/* ログイン中の管理バーと重ならないように */
.admin-bar .pancake-header { top: 32px; }
@media (max-width: 782px) {
	.admin-bar .pancake-header { top: 46px; }
}
/* 固定ヘッダー分の余白を本文に確保 */
#inner-wrap { padding-top: 124px; }
@media (max-width: 768px) {
	#inner-wrap { padding-top: 80px; }
}

/* ---- 1行ヘッダー：ロゴ左・ナビ中央・SNS/検索右（全幅） ---- */
.pancake-header__bar {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	margin: 0 auto;
	padding: 18px 40px;
	min-height: 64px;
}

/* ロゴ */
.pancake-header__logo {
	flex: 0 0 auto;
	line-height: 0;
}
.pancake-header__logo img,
.pancake-header__logo .custom-logo {
	display: block;
}
.pancake-logo-text {
	font-size: 32px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--pancake-header-fg);
	text-decoration: none;
	line-height: 1;
}

/* SNS + 検索 */
.pancake-header__actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 0 0 auto;
}
.pancake-social {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pancake-social li {
	margin: 0;
}
.pancake-social__link,
.pancake-search-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pancake-header-fg);
	font-size: 19px;
	line-height: 1;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.pancake-social__link:hover,
.pancake-social__link:focus-visible,
.pancake-search-toggle:hover,
.pancake-search-toggle:focus-visible {
	opacity: 0.7;
}

/* ---- グローバルナビ（ロゴ行内・中央） ---- */
.pancake-header__nav {
	flex: 1 1 auto;
	min-width: 0;
}
.pancake-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pancake-nav li {
	margin: 0;
}
.pancake-nav a {
	display: inline-block;
	color: var(--pancake-header-fg);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.pancake-nav a:hover,
.pancake-nav a:focus-visible,
.pancake-nav .current-menu-item > a {
	opacity: 0.7;
}

/* ---- 検索パネル ---- */
.pancake-search-panel {
	border-top: 1px solid var(--pancake-header-border);
	background: var(--pancake-header-bg);
}
.pancake-search-panel[hidden] {
	display: none;
}
.pancake-search-panel__inner {
	max-width: var(--pancake-header-max);
	margin: 0 auto;
	padding: 16px var(--pancake-header-pad);
}
.pancake-search-panel .search-form {
	display: flex;
	gap: 10px;
}
.pancake-search-panel input[type="search"] {
	flex: 1 1 auto;
	padding: 10px 14px;
	border: 1px solid var(--pancake-header-border);
	font-size: 15px;
}
.pancake-search-panel button,
.pancake-search-panel input[type="submit"] {
	padding: 10px 18px;
	border: 0;
	background: var(--pancake-header-fg);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

/* ---- ハンバーガー（PCでは非表示） ---- */
.pancake-hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 8px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.pancake-hamburger:hover,
.pancake-hamburger:focus,
.pancake-hamburger:active,
.pancake-hamburger[aria-expanded="true"] {
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
.pancake-hamburger__bar {
	display: block;
	width: 100%;
	height: 2px;
	background: var(--pancake-header-fg) !important;
	border-radius: 2px;
	transform-origin: center;
	transition: transform 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 0.2s ease;
}
/* 開いている時は × に変形（色はテーマ色のまま） */
.pancake-hamburger[aria-expanded="true"] .pancake-hamburger__bar:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
.pancake-hamburger[aria-expanded="true"] .pancake-hamburger__bar:nth-child(2) {
	opacity: 0;
}
.pancake-hamburger[aria-expanded="true"] .pancake-hamburger__bar:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* ---- スマホ用ドロワー ---- */
.pancake-drawer {
	position: fixed;
	inset: 0;
	z-index: 999;
}
.pancake-drawer[hidden] {
	display: none;
}
.pancake-drawer__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	opacity: 0;
	transition: opacity 0.25s ease;
}
.pancake-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: min(84vw, 360px);
	background: var(--pancake-header-bg);
	padding: 24px;
	box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
	transform: translateX(100%);
	transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
	overflow-y: auto;
}
.pancake-drawer.is-open .pancake-drawer__overlay {
	opacity: 1;
}
.pancake-drawer.is-open .pancake-drawer__panel {
	transform: translateX(0);
}
.pancake-drawer__close {
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	color: var(--pancake-header-fg) !important;
	-webkit-appearance: none;
	appearance: none;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.pancake-drawer__close:hover,
.pancake-drawer__close:focus,
.pancake-drawer__close:active {
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
.pancake-drawer__close:hover {
	transform: rotate(90deg);
}
.pancake-drawer__nav .pancake-nav {
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	padding: 16px 0;
	max-width: none;
}
.pancake-drawer__nav .pancake-nav a {
	display: block;
	padding: 12px 0;
	font-size: 16px;
}
.pancake-drawer__social {
	border-top: 1px solid var(--pancake-header-border);
	padding-top: 18px;
}
.pancake-drawer__social .pancake-social {
	gap: 22px;
}
.pancake-drawer__social .pancake-social__link {
	font-size: 22px;
}
.pancake-drawer__search {
	margin-top: 18px;
}
.pancake-drawer__search .search-form {
	display: flex;
	gap: 8px;
}
.pancake-drawer__search input[type="search"] {
	flex: 1;
	padding: 10px 12px;
	border: 1px solid var(--pancake-header-border);
}

/* ---- レスポンシブ：ハンバーガーへ切替 ---- */
@media (max-width: 768px) {
	.pancake-header__actions,
	.pancake-header__nav {
		display: none;
	}
	.pancake-hamburger {
		display: inline-flex;
		margin-left: auto;
	}
	.pancake-header__bar {
		min-height: 56px;
		padding: 14px var(--pancake-header-pad);
	}
	.pancake-logo-text {
		font-size: 26px;
	}
}

/* ドロワー表示中は背面スクロールを止める */
body.pancake-drawer-open {
	overflow: hidden;
}

/* モーション軽減設定を尊重 */
@media (prefers-reduced-motion: reduce) {
	.pancake-drawer__overlay,
	.pancake-drawer__panel,
	.pancake-social__link,
	.pancake-search-toggle,
	.pancake-nav a {
		transition: none;
	}
}

/* ==========================================================================
   PANCAKE SKATE MAG - Footer
   左：ブランド（ロゴ＋説明＋SNS） / 右：MENU・MAGAZINE・SHOP・INFO の4カラム
   ========================================================================== */

.pancake-footer {
	background: var(--pancake-header-bg);
	border-top: 1px solid var(--pancake-header-border);
	color: var(--pancake-header-fg);
}

.pancake-footer__inner {
	max-width: var(--pancake-header-max);
	margin: 0 auto;
	padding: 56px var(--pancake-header-pad) 40px;
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
	gap: 40px;
}

/* ブランド列 */
.pancake-footer__brand {
	max-width: 360px;
}
.pancake-footer__logo {
	line-height: 0;
	margin-bottom: 12px;
}
.pancake-footer__logo img,
.pancake-footer__logo .custom-logo {
	display: block;
}
.pancake-footer__logo .pancake-logo-text {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--pancake-header-fg);
	text-decoration: none;
}
.pancake-footer__tagline {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin: 0 0 16px;
}
.pancake-footer__desc {
	font-size: 13px;
	line-height: 1.9;
	color: #333;
	margin: 0 0 20px;
}
.pancake-footer__social .pancake-social {
	gap: 18px;
}
.pancake-footer__social .pancake-social__link {
	font-size: 20px;
}

/* メニュー列 */
.pancake-footer__heading {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 16px;
	color: var(--pancake-header-fg);
}
.pancake-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pancake-footer__menu li {
	margin: 0 0 10px;
}
.pancake-footer__menu a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.pancake-footer__menu a:hover,
.pancake-footer__menu a:focus-visible {
	opacity: 0.6;
}

/* 下段：コピーライト＋拠点 */
.pancake-footer__bottom {
	max-width: var(--pancake-header-max);
	margin: 0 auto;
	padding: 20px var(--pancake-header-pad);
	border-top: 1px solid var(--pancake-header-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.pancake-footer__copy,
.pancake-footer__location {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: #666;
}

/* レスポンシブ */
@media (max-width: 900px) {
	/* ブランドは全幅、4メニューはマルチカラムでバランス良く2段組みに（間延び防止） */
	.pancake-footer__inner {
		display: block;
		columns: 2;
		column-gap: 40px;
		padding: 48px var(--pancake-header-pad) 32px;
	}
	.pancake-footer__brand {
		column-span: all;
		max-width: none;
		margin-bottom: 32px;
	}
	.pancake-footer__col {
		break-inside: avoid;
		margin-bottom: 28px;
	}
}
@media (max-width: 600px) {
	.pancake-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}
@media (max-width: 600px) {
	/* 狭い画面は列間を詰めて2列を保つ */
	.pancake-footer__inner { column-gap: 24px; }
}
@media (max-width: 320px) {
	/* 極小画面のみ1段組み */
	.pancake-footer__inner { columns: 1; }
}

/* ==========================================================================
   PANCAKE SKATE MAG - Front Page
   ========================================================================== */

.pancake-front {
	max-width: 1440px; /* NEWS と同じ幅 */
	margin: 0 auto;
	padding: 8px 32px 96px; /* NEWS と同じ余白 */
}

/* 共通：日付・ボタン・READ MORE */
.pancake-date {
	display: block;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: #777;
	margin: 0 0 8px;
}
.pancake-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--pancake-header-fg);
	padding: 12px 22px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pancake-header-fg);
	text-decoration: none;
	background: transparent;
	transition: background 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease;
}
.pancake-btn span[aria-hidden] {
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.pancake-btn:hover {
	opacity: 1;
	background: var(--pancake-header-fg);
	color: #fff;
}
.pancake-btn:hover span[aria-hidden] {
	transform: translateX(4px);
}
.pancake-readmore {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pancake-header-fg);
	text-decoration: none;
	border: 1px solid var(--pancake-header-fg);
	padding: 10px 18px;
	background: transparent;
	transition: background 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease;
}
.pancake-readmore span[aria-hidden] {
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.pancake-readmore:hover {
	opacity: 1;
	background: var(--pancake-header-fg);
	color: #fff;
}
.pancake-readmore:hover span[aria-hidden] {
	transform: translateX(4px);
}
.pancake-empty { font-size: 13px; color: #777; }

/* 画像共通 */
.pancake-front img { display: block; width: 100%; height: auto; }

/* ── トップ領域 ── */
.pancake-hero-region {
	display: grid;
	grid-template-columns: 1.9fr 1fr 0.7fr;
	gap: 32px;
	margin-bottom: 56px;
}
.pancake-hero-region__mid { display: flex; flex-direction: column; gap: 28px; }
.pancake-hero-region__side { display: flex; flex-direction: column; gap: 20px; }

/* ヒーロー */
.pancake-hero__media { display: block; overflow: hidden; }
.pancake-hero__media img { aspect-ratio: 1 / 1; object-fit: cover; }
.pancake-hero__body { padding-top: 18px; }
.pancake-hero__title {
	font-size: 28px;
	font-weight: 800;
	line-height: 1.25;
	margin: 4px 0 12px;
	text-transform: uppercase;
}
.pancake-hero__title a { color: var(--pancake-header-fg); text-decoration: none; }
.pancake-hero__title a:hover { opacity: 0.7; }
.pancake-hero__excerpt { font-size: 14px; line-height: 1.9; color: #333; margin: 0 0 20px; }

/* カード */
.pancake-card__media { display: block; overflow: hidden; }
.pancake-card__media img { aspect-ratio: 3 / 2; object-fit: cover; }
.pancake-card__media--cover { display: flex; justify-content: center; background: #f4f4f4; }
.pancake-card__media--cover img { aspect-ratio: 172 / 240; width: 172px; max-width: 100%; height: auto; object-fit: cover; }

.pancake-card__body { padding-top: 14px; }
.pancake-card__title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	margin: 2px 0 8px;
}
.pancake-card__title a { color: var(--pancake-header-fg); text-decoration: none; }
.pancake-card__title a:hover { opacity: 0.7; }
.pancake-card__excerpt { font-size: 13px; line-height: 1.8; color: #444; margin: 0 0 12px; }

/* サイド広告 */
.pancake-sidebar { display: flex; flex-direction: column; gap: 18px; }
.pancake-ad { line-height: 0; }
.pancake-ad img { width: 100%; height: auto; display: block; }
.pancake-ad a { display: block; }
.pancake-ad figure { margin: 0; }

/* 広告を細くトリミング表示（上下をカットして比率に収める）。
   数字を変えると高さが変わる：16/9=細い, 3/2=やや細い, 2/1=さらに細い */
.pancake-sidebar .pancake-ad:not(.pancake-ad--shop) img {
	aspect-ratio: 16 / 13;
	object-fit: cover;
}
.pancake-ad--shop img {
	aspect-ratio: 16 / 13;
	object-fit: cover;
}
.pancake-follow { line-height: normal; padding-top: 4px; }
.pancake-follow__heading {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 0 12px;
}
.pancake-follow__list { list-style: none; margin: 0; padding: 0; }
.pancake-follow__list li { margin: 0 0 10px; }
.pancake-follow__list a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: var(--pancake-header-fg);
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.pancake-follow__list a:hover { opacity: 0.6; }
.pancake-follow__list i { font-size: 16px; width: 20px; text-align: center; }

/* セクション見出し */
.pancake-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 2px solid var(--pancake-header-fg);
	padding-bottom: 12px;
	margin-bottom: 24px;
}
.pancake-section-head--sm { border-bottom-width: 1px; }
.pancake-section-title {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0;
}
.pancake-col-title {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0;
}
.pancake-viewall {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pancake-header-fg);
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 0.2s ease;
}
.pancake-viewall:hover { opacity: 0.6; }

/* Latest News */
.pancake-news { margin-bottom: 48px; }
.pancake-news__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px 24px;
}

/* 横長広告 */
.pancake-wide-ad { margin: 8px 0 56px; line-height: 0; }
.pancake-wide-ad img { width: 100%; height: auto; }

/* 下段3カラム */
.pancake-bottom-region {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}
/* gridカラムがコンテンツ（Swiper等）に押し広げられるのを防ぐ */
.pancake-col { min-width: 0; }

/* Popular */
.pancake-popular__list { list-style: none; margin: 0; padding: 0; }
.pancake-popular__item {
	display: grid;
	grid-template-columns: 28px 88px 1fr;
	gap: 12px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid var(--pancake-header-border);
}
.pancake-popular__rank { font-size: 26px; font-weight: 800; line-height: 1; }
.pancake-popular__thumb { display: block; overflow: hidden; }
.pancake-popular__thumb img { aspect-ratio: 3 / 2; object-fit: cover; }
.pancake-popular__title { font-size: 14px; font-weight: 700; line-height: 1.4; margin: 4px 0 6px; }
.pancake-popular__title a { color: var(--pancake-header-fg); text-decoration: none; }
.pancake-popular__title a:hover { opacity: 0.7; }
.pancake-popular__body .pancake-date { margin-bottom: 4px; }
.pancake-popular__body .pancake-readmore { border-bottom: none; font-size: 11px; padding-bottom: 0; }

/* Spotlight — 写真左・情報右の横レイアウト */
.pancake-spotlight__swiper {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 0;
}
.pancake-spotlight__swiper .swiper-slide.pancake-spotlight__slide {
	box-sizing: border-box;
	display: grid !important;
	grid-template-columns: 42% 1fr;
	gap: 22px;
	align-items: center;
	text-align: left;
	height: auto;
}
.pancake-spotlight__photo { display: block; margin: 0; max-width: none; overflow: hidden; }
.pancake-spotlight__photo img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 4px; }
.pancake-spotlight__name { font-size: 23px; font-weight: 800; letter-spacing: 0.03em; line-height: 1.2; margin: 0 0 12px; text-transform: uppercase; }
.pancake-spotlight__name-ja { display: block; margin-top: 6px; font-size: 14px; font-weight: 600; color: #555; letter-spacing: normal; text-transform: none; }
.pancake-spotlight__meta { font-size: 14px; color: #555; margin: 0 0 8px; }
.pancake-spotlight__meta a { color: var(--pancake-header-fg); text-decoration: none; }
.pancake-spotlight__meta a:hover { opacity: 0.6; }
/* READ PROFILE をボタン型に */
.pancake-spotlight__info .pancake-readmore {
	margin-top: 16px;
	padding: 11px 22px;
	border: 1px solid var(--pancake-header-fg);
	transition: background 0.2s ease, color 0.2s ease;
}
.pancake-spotlight__info .pancake-readmore:hover {
	background: var(--pancake-header-fg);
	color: #fff;
	opacity: 1;
}
.pancake-spotlight__swiper .pancake-spotlight__pagination {
	position: static !important;
	margin-top: 24px;
	text-align: center;
}
.pancake-spotlight .swiper-pagination-bullet-active { background: var(--pancake-header-fg); }
/* 狭い画面では写真上・情報下に */
@media (max-width: 600px) {
	.pancake-spotlight__swiper .swiper-slide.pancake-spotlight__slide { grid-template-columns: 1fr; gap: 16px; }
	.pancake-spotlight__photo img { max-width: 280px; }
}

/* Videos */
.pancake-videos__list { list-style: none; margin: 0; padding: 0; }
.pancake-videos__item {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 14px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--pancake-header-border);
}
.pancake-videos__thumb { position: relative; display: block; overflow: hidden; }
.pancake-videos__thumb img { aspect-ratio: 3 / 2; object-fit: cover; }
.pancake-videos__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.pancake-videos__title { font-size: 13px; font-weight: 700; line-height: 1.4; margin: 0 0 6px; text-transform: uppercase; }
.pancake-videos__title a { color: var(--pancake-header-fg); text-decoration: none; }
.pancake-videos__title a:hover { opacity: 0.7; }

/* ── レスポンシブ ── */
@media (max-width: 1024px) {
	.pancake-hero-region { grid-template-columns: 1.4fr 1fr; }
	.pancake-hero-region__side { grid-column: 1 / -1; }
	.pancake-sidebar { flex-direction: row; flex-wrap: wrap; }
	.pancake-sidebar > .pancake-ad { flex: 1 1 30%; }
	.pancake-sidebar > .pancake-follow { flex: 1 1 100%; }
	.pancake-news__grid { grid-template-columns: repeat(2, 1fr); }
	.pancake-bottom-region { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 768px) {
	/* スマホはすべて1カラム＝ソース順（仕様の表示順）に並ぶ */
	.pancake-hero-region { grid-template-columns: 1fr; gap: 36px; }
	.pancake-hero-region__side { gap: 20px; }
	.pancake-sidebar { flex-direction: column; flex-wrap: nowrap; }
	.pancake-sidebar > .pancake-ad,
	.pancake-sidebar > .pancake-follow { flex: 0 0 auto; width: 100%; }
	.pancake-news__grid { grid-template-columns: 1fr; gap: 24px 16px; }
	.pancake-hero__title { font-size: 24px; }
	.pancake-card__media--cover img { width: 172px; }
	/* アイキャッチ統一（スマホ）：2件目以降=335x188。hero(トップ記事)は1:1のまま、マガジン表紙は縦長維持 */
	.pancake-card__media:not(.pancake-card__media--cover) img { aspect-ratio: 335 / 188; width: 100%; object-fit: cover; }
}

@media (max-width: 480px) {
	.pancake-section-title { font-size: 18px; }
}

/* ==========================================================================
   PANCAKE SKATE MAG - Logo image (custom logo / URL 共通)
   ========================================================================== */
.pancake-logo-link { display: inline-block; line-height: 0; }

.pancake-header__logo .pancake-logo-img,
.pancake-header__logo img,
.pancake-header__logo .custom-logo {
	height: 86px;
	width: auto;
	max-width: 440px;
	display: block;
}

.pancake-footer__logo .pancake-logo-img,
.pancake-footer__logo img,
.pancake-footer__logo .custom-logo {
	height: 60px;
	width: auto;
	max-width: 340px;
	display: block;
}

@media (max-width: 768px) {
	.pancake-header__logo .pancake-logo-img,
	.pancake-header__logo img,
	.pancake-header__logo .custom-logo {
		height: 56px;
		max-width: 280px;
	}
}

/* ── サイト背景を白に ── */
body,
#wrapper,
.site,
#inner-wrap,
.content-style-boxed .content-container.site-container,
.content-bg,
.entry-content-wrap { background-color: #ffffff !important; }

/* ════════════════════════════════════════
   ホバー整理（モノトーン）
   ════════════════════════════════════════ */

/* テキストリンク：opacityをやめ、色変化に */
.pancake-nav a:hover,
.pancake-hero__title a:hover,
.pancake-card__title a:hover,
.pancake-popular__title a:hover,
.pancake-videos__title a:hover,
.pancake-footer__menu a:hover,
.pancake-follow__list a:hover,
.pancake-viewall:hover,
.pancake-spotlight__meta a:hover,
.pancake-social__link:hover,
.pancake-search-toggle:hover {
	opacity: 1;
	color: var(--pancake-accent);
}

/* 画像：ホバーで軽くズーム＋少し暗く */
.pancake-hero__media,
.pancake-card__media,
.pancake-popular__thumb,
.pancake-videos__thumb,
.pancake-spotlight__photo {
	overflow: hidden;
}
.pancake-hero__media img,
.pancake-card__media img,
.pancake-popular__thumb img,
.pancake-videos__thumb img,
.pancake-spotlight__photo img {
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
}
.pancake-hero__media:hover img,
.pancake-card__media:hover img,
.pancake-popular__thumb:hover img,
.pancake-videos__thumb:hover img,
.pancake-spotlight__photo:hover img {
	transform: scale(1.05);
	filter: brightness(0.9);
}

/* ── ドロワーメニュー項目のホバー ── */
.pancake-drawer__nav .pancake-nav a {
	transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease;
}
.pancake-drawer__nav .pancake-nav a:hover {
	transform: translateX(8px);
	opacity: 1;
}
/* ── ウィジェット内の画像リンクにも同じホバー（ズーム＋少し暗く） ── */
.pancake-wide-ad a:has(img),
.widget a:has(img),
.widget_block a:has(img) {
	display: block;
	overflow: hidden;
}
.pancake-wide-ad a img,
.widget a img,
.widget_block a img {
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
}
.pancake-wide-ad a:hover img,
.widget a:hover img,
.widget_block a:hover img {
	transform: scale(1.05);
	filter: brightness(0.9);
}


/* ==========================================================================
   NEWS 記事一覧（home.php / 投稿ページ）－ 洗練カードのスケートマガジン風
   全カード共通の情報・余白ルール：日付 ・ カテゴリー → タイトル → 本文 → READ MORE。
   タイトルは最大2行（固定高さなし）。1行でも2行でも距離感が自然になるよう統一。
   構成：クラスター（記事1大 ＋ 記事2・3 右積み）→ 3列グリッド → LOAD MORE。
   ========================================================================== */
:root { --pancake-accent: #FC9B03; }

.pancake-news-archive {
	max-width: 1440px;
	margin: 0 auto;
	padding: 8px 32px 96px;
}

/* ── 見出し ─────────────────────────────────── */
.pancake-news-archive__head { margin: 16px 0 40px; }
.pancake-news-archive__title {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	margin: 0;
	color: var(--pancake-header-fg);
}
.pancake-news-archive__title::after {
	content: "";
	display: block;
	width: 52px;
	height: 4px;
	margin-top: 14px;
	background: var(--pancake-accent);
}
.pancake-news-archive__subhead {
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pancake-header-fg);
	margin: 0 0 28px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
}

/* ── トップクラスター（記事1大 ＋ 記事2・3 右積み） ───── */
.pancake-featured-cluster {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: 28px;
	align-items: stretch;
	margin-bottom: 56px;
}
.pancake-featured-cluster__side {
	display: grid;
	grid-template-rows: auto auto;
	gap: 24px;
}

/* 記事1（Lead）：余った高さを画像が吸収して伸びる（縦の空白を作らない）。
   情報・余白ルールは共通、タイトルだけ大きめ。 */
.pancake-post-card--lead .pancake-post-card__media {
	aspect-ratio: auto;
	flex: 1 1 0;
	min-height: 300px;
}
.pancake-post-card--lead .pancake-post-card__media img { height: 100%; }
.pancake-post-card--lead .pancake-post-card__body { padding: 20px 24px 24px; flex: 0 0 auto; }
.pancake-post-card--lead .pancake-post-card__title {
	font-size: 24px;
	line-height: 1.28;
	letter-spacing: -0.015em;
}
.pancake-post-card--lead .pancake-post-card__excerpt { font-size: 14px; line-height: 1.8; }

/* 記事2・3（Side）：情報量・余白は通常カードと同一。画像だけ16:9で省スペース */
.pancake-post-card--side .pancake-post-card__media { aspect-ratio: 16 / 9; }

/* ── 3列グリッド（記事4以降） ─────────────────────── */
.pancake-news-archive__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 32px;
	align-items: start;   /* 各カードは中身なりの高さ（余白で無理に揃えない） */
}
.pancake-news-archive__grid > .is-fullrow,
.pancake-news-archive__grid > .pancake-ad-card,
.pancake-news-archive__grid > .pancake-feature-card { grid-column: 1 / -1; }

/* ── 記事カード（画像＋文字を含む「1枚のカード」・全体に薄い影） ── */
.pancake-post-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.pancake-post-card:hover { box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10); }

/* 写真（通常時クリア。ホバーで少しだけ拡大＋薄く暗く） */
.pancake-post-card__media {
	position: relative;
	display: block;
	overflow: hidden;
	background: #f2f2f2;
	aspect-ratio: 4 / 3;
}
.pancake-post-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
}
.pancake-post-card__media:hover img {
	transform: scale(1.03);
	filter: brightness(0.94);
}

/* 本文（画像 → メタ → タイトル → 本文 → READ の順・余白は全カード共通） */
.pancake-post-card__body {
	padding: 18px 18px 20px;
	display: flex;
	flex-direction: column;
}

/* メタ（日付 ・ カテゴリー…）：カテゴリーはリンク。前面でクリック可能 */
.pancake-post-card__eyebrow {
	position: relative;
	z-index: 3;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.6;
	margin-bottom: 12px;
}
.pancake-post-card__date { color: #999; }
.pancake-post-card__sep { color: #ccc; margin: 0 6px; }
.pancake-post-card__cat {
	position: relative;
	color: #666;
	text-decoration: none;
	transition: color 0.2s ease;
}
.pancake-post-card__cat:hover { color: var(--pancake-accent); }

/* タイトル（最大2行・固定高さなし。下 margin は12pxで統一） */
.pancake-post-card__title {
	font-size: 19px;
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: -0.01em;
	margin: 0 0 12px;
}
.pancake-post-card__title a {
	color: var(--pancake-header-fg);
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.25s ease;
}
.pancake-post-card__title a:hover { color: var(--pancake-accent); }

/* 本文抜粋（2行・下 margin は16pxで統一。この余白が READ との距離） */
.pancake-post-card__excerpt {
	font-size: 13px;
	line-height: 1.8;
	color: #666;
	margin: 0 0 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* READ MORE：枠付きボタン（黒枠・白背景・黒文字・角丸なし）。本文の直後に自然配置 */
.pancake-post-card__more {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 11px 20px;
	border: 1px solid var(--pancake-header-fg);
	background: #fff;
	color: var(--pancake-header-fg);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0;
	transition: background 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease;
}
.pancake-post-card__more span[aria-hidden] {
	font-size: 15px;
	line-height: 1;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.pancake-post-card__more:hover { background: var(--pancake-header-fg); color: #fff; }
.pancake-post-card__more:hover span[aria-hidden] { transform: translateX(4px); }

/* ── 動画記事：再生アイコン（画像ホバーで反応） ─────────── */
.pancake-post-card--video .pancake-post-card__media::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: rgba(17, 17, 17, 0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") 54% center / 22px no-repeat;
	transition: background-color 0.3s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events: none;
}
.pancake-post-card--video .pancake-post-card__media:hover::after {
	background-color: var(--pancake-accent);
	transform: translate(-50%, -50%) scale(1.1);
}

/* ── LOAD MORE（ページ全体の「続きを読み込む」アクション。READ MOREとは別デザインの横長ソリッドバー） ── */
.pancake-loadmore { margin-top: 64px; text-align: center; }
.pancake-loadmore__btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 88%;
	max-width: 560px;
	margin: 0 auto;
	padding: 20px 24px;
	border: none;
	background: var(--pancake-header-fg);
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 2px;
	cursor: pointer;
	transition: background 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease, box-shadow 0.35s ease;
}
/* 矢印は下向き（→ を90度回転）。「下に記事が続く」ことを直感的に示す */
.pancake-loadmore__btn span[aria-hidden] {
	display: block;
	font-size: 15px;
	line-height: 1;
	transform: rotate(90deg);
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
/* ホバー：ブランドオレンジに反転＋わずかに浮く、矢印は下へ弾む */
.pancake-loadmore__btn:hover {
	background: var(--pancake-accent);
	color: var(--pancake-header-fg);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}
.pancake-loadmore__btn:hover span[aria-hidden] { transform: rotate(90deg) translateX(4px); }
.pancake-loadmore.is-loading .pancake-loadmore__btn { opacity: 0.5; pointer-events: none; }

/* ── レスポンシブ ───────────────────────────────── */
@media (max-width: 1024px) {
	.pancake-featured-cluster { grid-template-columns: 1.5fr 1fr; gap: 22px; }
	.pancake-featured-cluster__side { gap: 20px; }
	.pancake-post-card--lead .pancake-post-card__title { font-size: 21px; }
	.pancake-news-archive__grid { grid-template-columns: repeat(2, 1fr); gap: 36px 24px; }
}
@media (max-width: 767px) {
	.pancake-news-archive { padding: 8px 20px 64px; }
	.pancake-news-archive__head { margin: 12px 0 28px; }
	.pancake-news-archive__title { font-size: 30px; }
	.pancake-featured-cluster { grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; }
	.pancake-featured-cluster__side { gap: 24px; }
	/* アイキャッチ統一（スマホ）：1件目(lead)=正方形／2件目以降(side・グリッド)=335x188 */
	.pancake-post-card__media { aspect-ratio: 335 / 188; }
	.pancake-post-card--side .pancake-post-card__media { aspect-ratio: 335 / 188; }
	.pancake-post-card--lead .pancake-post-card__media { aspect-ratio: 1 / 1; flex: 0 0 auto; min-height: 0; }
	.pancake-post-card--lead .pancake-post-card__media img { height: 100%; }
	.pancake-post-card--lead .pancake-post-card__title { font-size: 20px; }
	.pancake-news-archive__grid { grid-template-columns: 1fr; gap: 28px; }
}
@media (prefers-reduced-motion: reduce) {
	.pancake-post-card,
	.pancake-post-card__media img,
	.pancake-post-card__more span[aria-hidden],
	.pancake-post-card--video .pancake-post-card__media::after,
	.pancake-loadmore__btn span[aria-hidden] { transition: none; }
	.pancake-post-card__media:hover img { transform: none; }
}

/* ── 2カラム（左：記事一覧 ／ 右：トップ共通サイドバー・sticky） ───── */
.pancake-news-archive__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 44px;
	align-items: start;   /* sticky を効かせるため stretch にしない */
}
.pancake-news-archive__main { min-width: 0; }   /* 内側グリッドの破綻防止 */
.pancake-news-archive__sidebar {
	position: sticky;
	top: 120px;           /* 固定ヘッダーの下に追従 */
	align-self: start;
}
/* トップと同じウィジェット余白感（sidebar内の各ウィジェット間隔） */
.pancake-news-archive__sidebar > * + * { margin-top: 28px; }

@media (max-width: 1024px) {
	.pancake-news-archive__layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; }
}
@media (max-width: 767px) {
	/* スマホ：サイドバーは記事一覧の下へ */
	.pancake-news-archive__layout { grid-template-columns: 1fr; gap: 44px; }
	.pancake-news-archive__sidebar { position: static; top: auto; }
}

/* ============================================================
 * 記事下 3枠広告（丸二＝既存 / 丸一＝2段目・同じ形）  ※末尾に追記
 * ============================================================ */

/* ── 記事下の広告：横3枠（旧・横長1枚 → 3列）── */
.pancake-wide-ad {
	display: grid;
	grid-template-columns: 1fr;        /* スマホ：縦に3枚 */
	gap: 16px;
	line-height: 0;
}
.pancake-wide-ad .pancake-ad {
	margin: 0;
	border-radius: 4px;
	overflow: hidden;
}
.pancake-wide-ad .pancake-ad img { width: 100%; height: auto; display: block; }
@media (min-width: 768px) {
	.pancake-wide-ad { grid-template-columns: repeat(3, 1fr); gap: 20px; }  /* PC：横3列（旧・横長と同じ総幅）*/
}

/* ── フッター内の広告：横3列（PC）/ 縦並び（スマホ）── */
.pancake-footer-ad {
	max-width: var(--pancake-header-max);
	margin: 0 auto;
	padding: 40px var(--pancake-header-pad) 0;
	display: grid;
	grid-template-columns: 1fr;        /* スマホ：縦に3枚 */
	gap: 16px;
	line-height: 0;
}
.pancake-footer-ad .pancake-ad { margin: 0; border-radius: 4px; overflow: hidden; }
.pancake-footer-ad .pancake-ad img { width: 100%; height: auto; display: block; }
@media (min-width: 768px) {
	.pancake-footer-ad { grid-template-columns: repeat(3, 1fr); gap: 20px; }  /* PC：横3列 */
}
@media (max-width: 767px) {
	/* スマホ：他の赤黄緑（一覧内）と同じ並び・大きさに統一（幅300px・縦積み・中央寄せ） */
	.pancake-footer-ad { display: flex; flex-direction: column; gap: 12px; align-items: center; }
	.pancake-footer-ad .pancake-ad { width: 100%; max-width: 300px; margin: 0 auto; }
}

/* ── トップの記事カードに NEWS と同じ薄いドロップシャドウ ── */
.pancake-hero,
.pancake-card {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.pancake-hero:hover,
.pancake-card:hover { box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10); }
/* 背景が付いたぶん、カード内テキストに余白を追加 */
.pancake-hero__body { padding: 18px 20px 22px; }
.pancake-card__body { padding: 14px 16px 18px; }

/* ── 768px以下：トップの MAGAZINE 枠を非表示 ── */
@media (max-width: 768px) {
	.pancake-mag-slot { display: none; }
}

/* ── Latest News：スマホのタップ表示（サーバー通信なし・確実版） ── */
/* 5件目以降(.is-extra)は既定で非表示。PCでは常に非表示＝4件のみ／ボタンも非表示 */
.pancake-news__more { display: none; }
.pancake-news__grid .pancake-news__item.is-extra { display: none; }

@media (max-width: 768px) {
	.pancake-news__more { display: flex; justify-content: center; margin-top: 20px; }
	.pancake-news__grid .pancake-news__item.is-extra.is-revealed { display: block; }
}

/* ==========================================================================
   固定ページ：page.php は本文を .pancake-interview で囲む。
   トップ（.pancake-front）と同じ幅1440px・中央寄せ・左右余白に。
   （記事のインタビュー幅820pxには影響しないよう .page で限定）
   ========================================================================== */
.page .pancake-interview {
	max-width: 820px !important;   /* 読みやすい幅（インタビュー記事と同じ）。全幅回避 */
	margin: 0 auto !important;
	padding: 32px 16px 64px !important;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	.page .pancake-interview {
		padding: 20px 14px 48px !important;
	}
}

/* ==========================================================================
   本文タイポグラフィ － 投稿本文 .entry-content ／ 固定ページ・インタビュー .pancake-interview__content 共通
   PANCAKE: 黒/白/グレー + オレンジ差し色。雑誌的でシンプル、ブログ感を排除。
   カード/ヘッダー/フッター/広告には影響しません（本文エリア限定）。
   ========================================================================== */
.entry-content,
.pancake-interview__content {
	color: #1a1a1a;
	font-size: 17px;
	line-height: 1.9;
	letter-spacing: 0.01em;
	overflow-wrap: break-word;
	word-break: break-word;
}
.entry-content > *:first-child,
.pancake-interview__content > *:first-child { margin-top: 0; }
.entry-content > *:last-child,
.pancake-interview__content > *:last-child { margin-bottom: 0; }

/* 段落 */
.entry-content p,
.pancake-interview__content p { margin: 0 0 1.5em; }

/* 見出し：自然なサイズ差。H2/H3 を記事内で使いやすく */
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.pancake-interview__content h1, .pancake-interview__content h2, .pancake-interview__content h3,
.pancake-interview__content h4, .pancake-interview__content h5, .pancake-interview__content h6 {
	color: #111;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0.005em;
}
.entry-content h1,
.pancake-interview__content h1 { font-size: 2rem; margin: 1.6em 0 .6em; }
.entry-content h2,
.pancake-interview__content h2 {
	font-size: 1.55rem;
	margin: 2em 0 .7em;
	padding-bottom: .35em;
	border-bottom: 2px solid #111;      /* 主要見出し：黒の下線で雑誌的 */
}
.entry-content h3,
.pancake-interview__content h3 {
	font-size: 1.25rem;
	margin: 1.8em 0 .5em;
	padding-left: 12px;
	border-left: 4px solid var(--pancake-accent, #FC9B03);   /* 差し色 */
}
.entry-content h4,
.pancake-interview__content h4 { font-size: 1.1rem; margin: 1.6em 0 .4em; }
.entry-content h5,
.pancake-interview__content h5 { font-size: 1rem; margin: 1.5em 0 .4em; letter-spacing: .06em; text-transform: uppercase; color: #444; }
.entry-content h6,
.pancake-interview__content h6 { font-size: .85rem; margin: 1.5em 0 .4em; letter-spacing: .1em; text-transform: uppercase; color: #777; }

/* 強調・斜体 */
.entry-content strong,
.pancake-interview__content strong { font-weight: 800; color: #111; }
.entry-content em,
.pancake-interview__content em { font-style: italic; }

/* リンク：下線＋ホバーで色（サイト共通のオレンジ下線） */
.entry-content a,
.pancake-interview__content a {
	color: #111;
	text-decoration: underline;
	text-decoration-color: var(--pancake-accent, #FC9B03);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	transition: color .15s ease;
}
.entry-content a:hover,
.pancake-interview__content a:hover { color: var(--pancake-accent, #FC9B03); }

/* 区切り線 */
.entry-content hr,
.pancake-interview__content hr { border: 0; border-top: 1px solid #e2e2e2; margin: 2.6em 0; }

/* リスト：インデント安定・入れ子対応 */
.entry-content ul, .entry-content ol,
.pancake-interview__content ul, .pancake-interview__content ol { margin: 0 0 1.5em; padding-left: 1.5em; }
.entry-content li,
.pancake-interview__content li { margin: 0 0 .5em; line-height: 1.8; }
.entry-content ul,
.pancake-interview__content ul { list-style: disc; }
.entry-content ol,
.pancake-interview__content ol { list-style: decimal; }
.entry-content ul ul,
.pancake-interview__content ul ul { list-style: circle; }
.entry-content ul ul ul,
.pancake-interview__content ul ul ul { list-style: square; }
.entry-content li > ul, .entry-content li > ol,
.pancake-interview__content li > ul, .pancake-interview__content li > ol { margin: .5em 0 .5em; }

/* 引用：左線＋余白で雑誌っぽく */
.entry-content blockquote,
.pancake-interview__content blockquote {
	margin: 2em 0;
	padding: .4em 0 .4em 1.2em;
	border-left: 4px solid #111;
	color: #444;
	font-style: italic;
	font-size: 1.05em;
	line-height: 1.85;
}
.entry-content blockquote p:last-child,
.pancake-interview__content blockquote p:last-child { margin-bottom: 0; }
.entry-content blockquote cite,
.pancake-interview__content blockquote cite { display: block; margin-top: .6em; font-style: normal; font-size: .85em; color: #888; }

/* 画像・キャプション：写真は全幅、キャプションは小さく上品に */
.entry-content figure,
.pancake-interview__content figure { margin: 2.2em 0; }
.entry-content img,
.pancake-interview__content img { max-width: 100%; height: auto; }
.entry-content figure img,
.pancake-interview__content figure img { display: block; width: 100%; border-radius: 4px; }
.entry-content figcaption,
.pancake-interview__content figcaption { margin-top: .6em; font-size: .8rem; line-height: 1.6; color: #888; }

/* テーブル：スマホでも見やすく（必要なら横スクロール） */
.entry-content table,
.pancake-interview__content table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
	font-size: .95rem;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.entry-content th, .entry-content td,
.pancake-interview__content th, .pancake-interview__content td { padding: 10px 14px; border: 1px solid #e2e2e2; text-align: left; vertical-align: top; }
.entry-content th,
.pancake-interview__content th { background: #f5f5f5; font-weight: 800; white-space: nowrap; }

/* コード：背景付きで読みやすく（モノトーン） */
.entry-content code,
.pancake-interview__content code {
	background: #f2f2f2;
	padding: .15em .4em;
	border-radius: 3px;
	font-size: .9em;
	font-family: Consolas, Menlo, "Liberation Mono", monospace;
	color: #111;
}
.entry-content pre,
.pancake-interview__content pre {
	margin: 2em 0;
	padding: 16px 18px;
	background: #111;
	color: #f5f5f5;
	border-radius: 4px;
	overflow-x: auto;
	line-height: 1.7;
	font-size: .9rem;
}
.entry-content pre code,
.pancake-interview__content pre code { background: none; padding: 0; color: inherit; font-size: inherit; }

/* WordPress フォントサイズクラス */
.entry-content .has-small-font-size,
.pancake-interview__content .has-small-font-size  { font-size: .85rem; }
.entry-content .has-medium-font-size,
.pancake-interview__content .has-medium-font-size { font-size: 1.15rem; }
.entry-content .has-large-font-size,
.pancake-interview__content .has-large-font-size  { font-size: 1.5rem; line-height: 1.5; }

/* スマホ調整 */
@media (max-width: 768px) {
	.entry-content,
	.pancake-interview__content { font-size: 16px; line-height: 1.85; }
	.entry-content h1, .pancake-interview__content h1 { font-size: 1.7rem; }
	.entry-content h2, .pancake-interview__content h2 { font-size: 1.35rem; }
	.entry-content h3, .pancake-interview__content h3 { font-size: 1.15rem; }
	.entry-content .has-large-font-size,
	.pancake-interview__content .has-large-font-size { font-size: 1.3rem; }
	.entry-content blockquote,
	.pancake-interview__content blockquote { padding-left: 1em; }
	.entry-content th, .entry-content td,
	.pancake-interview__content th, .pancake-interview__content td { padding: 8px 10px; }
}

/* ==========================================================================
   追加分（統合）：これまで「追加CSS」に置いていた指定を本体へ一元化
   ・投稿ページのタグ非表示
   ・記事一覧のスマホ用広告スロット（PCは非表示＝従来のサイドバー広告のまま）
   ========================================================================== */

/* タグは付与するが表示は全ページで非表示（カテゴリーは表示のまま） */
.entry-taxonomies .tags-links,
.tags-links { display: none !important; }

/* 一覧グリッドの広告：スマホだけ表示。3記事ごとに Nike1→2→3→赤黄緑 を挿入（PHPは inc/widgets.php） */
.pancake-grid-ad { display: none !important; }

@media (max-width: 768px) {
	.pancake-news-archive__grid .pancake-grid-ad {
		display: block !important;
		grid-column: 1 / -1;
		margin: 6px 0;
	}
	/* 広告をカードに馴染ませる（余白・角丸・シャドウ） */
	.pancake-grid-ad .pancake-ad {
		margin: 0;
		border-radius: 4px;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
	}
	.pancake-grid-ad .pancake-ad img,
	.pancake-grid-ad .pancake-ad figure {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
	/* 赤黄緑は1セットとしてスマホで縦積み */
	.pancake-grid-ad__set { display: flex; flex-direction: column; gap: 12px; }

	/* ヘッダー付近（記事下）の赤黄緑：スマホは一覧内(.pancake-grid-ad__set)と完全に同じ並び・大きさに統一 */
	.pancake-wide-ad {
		display: flex;
		flex-direction: column;
		gap: 12px;
		align-items: center;
	}
	.pancake-wide-ad .pancake-ad {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.pancake-wide-ad .pancake-ad img,
	.pancake-wide-ad .pancake-ad figure { width: 100%; height: auto; display: block; margin: 0; }
}

/* 一覧グリッドの横長広告：PCだけ表示（9記事ごと）。トップ中央 .pancake-wide-ad と同じ横3列 */
.pancake-grid-wide-ad {
	grid-column: 1 / -1;
	margin: 16px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	line-height: 0;
}
.pancake-grid-wide-ad .pancake-ad { margin: 0; }
.pancake-grid-wide-ad .pancake-ad img,
.pancake-grid-wide-ad .pancake-ad figure { display: block; width: 100%; height: auto; margin: 0; }
@media (max-width: 768px) {
	.pancake-grid-wide-ad { display: none !important; }
}

/* 記事一覧（NEWS/カテゴリー等）：スマホではサイドバーを非表示（広告は一覧内に挿入済み） */
@media (max-width: 768px) {
	.pancake-news-archive__sidebar { display: none !important; }
}

/* トップページ：スマホでは右サイド（広告＋FOLLOW）を非表示。広告は Latest News 内に挿入済み */
@media (max-width: 768px) {
	.pancake-hero-region__side { display: none !important; }
}

/* ==========================================================================
   広告トリミング：Nike広告（サイドバー3枠・PC）＋ 一覧内の広告（スマホ）を 300×200(3:2) に統一
   object-fit: cover で任意サイズの画像を切り抜き。shop/横長(赤黄緑ストリップ)は対象外。
   ========================================================================== */
.pancake-sidebar .pancake-ad:not(.pancake-ad--shop):not(.pancake-ad--wide) figure,
.pancake-grid-ad .pancake-ad:not(.pancake-ad--wide) figure { margin: 0 !important; }
.pancake-sidebar .pancake-ad:not(.pancake-ad--shop):not(.pancake-ad--wide) img,
.pancake-grid-ad .pancake-ad:not(.pancake-ad--wide) img {
	display: block !important;
	width: 100% !important;
	max-width: 300px !important;
	aspect-ratio: 3 / 2 !important;   /* 300 : 200 */
	height: auto !important;
	object-fit: cover !important;
	margin: 0 auto !important;
	border-radius: 4px;
}

/* 一覧内の赤黄緑（横長バー）だけ、スマホでNike広告と同じ約300px幅に縮小（比率は保持） */
@media (max-width: 768px) {
	.pancake-grid-ad .pancake-grid-ad__set { align-items: center; }
	.pancake-grid-ad .pancake-grid-ad__set .pancake-ad--wide {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.pancake-grid-ad .pancake-grid-ad__set .pancake-ad--wide img,
	.pancake-grid-ad .pancake-grid-ad__set .pancake-ad--wide figure { width: 100%; height: auto; margin: 0; display: block; }
}

/* ==========================================================================
   video カテゴリーの記事：トップ(hero)と Latest News(.pancake-card) にも
   既存の再生ボタン（.pancake-post-card--video と同じSVG）を :has で適用。
   アーカイブ(.pancake-post-card--video)は既存実装のまま＝二重化しない。
   ========================================================================== */
.pancake-hero:has(.pancake-post-card__cat[href*="/video"]) .pancake-hero__media,
.pancake-card:has(.pancake-post-card__cat[href*="/video"]) .pancake-card__media {
	position: relative;
}
.pancake-hero:has(.pancake-post-card__cat[href*="/video"]) .pancake-hero__media::after,
.pancake-card:has(.pancake-post-card__cat[href*="/video"]) .pancake-card__media::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: rgba(17, 17, 17, 0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") 54% center / 22px no-repeat;
	transition: background-color 0.3s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events: none;
}
.pancake-hero:has(.pancake-post-card__cat[href*="/video"]) .pancake-hero__media:hover::after,
.pancake-card:has(.pancake-post-card__cat[href*="/video"]) .pancake-card__media:hover::after {
	background-color: var(--pancake-accent);
	transform: translate(-50%, -50%) scale(1.1);
}

/* トップページ(front-page.php)でだけ、NEWS一覧のタイトル見出しを非表示。他ページのNEWS見出しは残す */
body.home .pancake-news-archive__title,
.home .pancake-news-archive__title { display: none !important; }
/* =========================================================
   CONTACT — Contact Form 7 custom design (PANCAKE)
   スコープ：.pancake-contact-form 配下のみ。既存に非干渉。
   ========================================================= */
.pancake-contact-form {
	max-width: 760px;
	margin: 0 auto;
	padding: 56px clamp(22px, 5vw, 56px);
	background: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .06);
}

/* header */
.pancake-contact-form .pcf-header { margin: 0 0 40px; text-align: center; }
.pancake-contact-form .pcf-title {
	margin: 0;
	font-size: clamp(1.9rem, 5vw, 2.4rem);
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1;
}
.pancake-contact-form .pcf-title::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	margin: 18px auto 0;
	background: var(--pancake-accent, #FC9B03);
}
.pancake-contact-form .pcf-lead {
	margin: 20px 0 0;
	color: #777;
	font-size: .9rem;
	line-height: 1.9;
}

/* labels */
.pancake-contact-form label {
	display: block;
	margin: 0 0 22px;
	color: #666;
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .04em;
}
.pancake-contact-form .required {
	margin-left: 8px;
	color: var(--pancake-accent, #FC9B03);
	font-size: .72rem;
	font-weight: 700;
}
.pancake-contact-form .wpcf7-form-control-wrap { display: block; }

/* inputs / select / textarea */
.pancake-contact-form input[type="text"],
.pancake-contact-form input[type="email"],
.pancake-contact-form select,
.pancake-contact-form textarea {
	display: block;
	width: 100%;
	margin-top: 8px;
	height: 54px;
	padding: 0 18px;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #111;
	font: inherit;
	font-size: 1rem;
	line-height: 54px;
	transition: border-color .2s ease, box-shadow .2s ease;
	-webkit-appearance: none;
	appearance: none;
}
.pancake-contact-form textarea {
	height: auto;
	min-height: 240px;
	padding: 16px 18px;
	line-height: 1.7;
	resize: vertical;
}
.pancake-contact-form ::placeholder { color: #b7b7b7; opacity: 1; }

/* focus：ブランドカラー（Kadenceの青を上書き） */
.pancake-contact-form input[type="text"]:focus,
.pancake-contact-form input[type="email"]:focus,
.pancake-contact-form select:focus,
.pancake-contact-form textarea:focus {
	outline: none !important;
	border-color: var(--pancake-accent, #FC9B03) !important;
	box-shadow: 0 0 0 3px rgba(252, 155, 3, .15) !important;
}

/* select（矢印を自前SVGに） */
.pancake-contact-form select {
	padding-right: 44px;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23111' stroke-width='1.6' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 18px center !important;
	background-size: 12px 8px !important;
}

/* acceptance（プライバシー同意） */
.pancake-contact-form .wpcf7-acceptance { display: block; margin: 6px 0 30px; }
.pancake-contact-form .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.pancake-contact-form .wpcf7-acceptance label {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	color: #555;
	font-size: .9rem;
	font-weight: 400;
	letter-spacing: 0;
	cursor: pointer;
}
.pancake-contact-form .wpcf7-acceptance input[type="checkbox"] {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: 0;
	accent-color: var(--pancake-accent, #FC9B03);
	cursor: pointer;
}
.pancake-contact-form .wpcf7-acceptance a { color: #111; text-decoration: underline; text-underline-offset: 3px; }

/* submit */
.pancake-contact-form .wpcf7-submit {
	display: block;
	min-width: 200px;
	height: 52px;
	margin: 8px auto 0;
	padding: 0 32px;
	border: 0 !important;
	border-radius: 6px !important;
	background: #111 !important;
	color: #fff !important;
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .08em;
	cursor: pointer;
	transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
}
.pancake-contact-form .wpcf7-submit:hover {
	background: var(--pancake-accent, #FC9B03) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(252, 155, 3, .3);
}
.pancake-contact-form .wpcf7-submit:active { transform: translateY(0); }
.pancake-contact-form .wpcf7-spinner { margin: 12px auto 0; display: block; }

/* CF7 応答・バリデーション表示 */
.wpcf7 .wpcf7-response-output {
	max-width: 760px;
	margin: 24px auto 0 !important;
	padding: 14px 18px !important;
	border-width: 1px !important;
	border-radius: 8px;
	font-size: .88rem;
	text-align: center;
}
.pancake-contact-form .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #e0483d;
	font-size: .8rem;
	font-weight: 600;
}

/* responsive */
@media (max-width: 600px) {
	.pancake-contact-form { padding: 36px 22px; border-radius: 10px; }
	.pancake-contact-form input[type="text"],
	.pancake-contact-form input[type="email"],
	.pancake-contact-form select { height: 52px; line-height: 52px; }
}
/* ── 同カテゴリーの前後記事ナビ ── */
.pancake-post-nav {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 48px 0 8px;
	padding-top: 28px;
	border-top: 1px solid #eee;
}
.pancake-post-nav__col { flex: 1 1 0; min-width: 0; }
.pancake-post-nav__col--next { text-align: right; }
.pancake-post-nav a {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	max-width: 100%;
	text-decoration: none;
	color: #111;
}
.pancake-post-nav__col--next a { align-items: flex-end; }
.pancake-post-nav__dir {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .12em;
	color: #999;
	transition: color .2s ease;
}
.pancake-post-nav__ttl {
	font-size: .95rem;
	font-weight: 700;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pancake-post-nav a:hover .pancake-post-nav__dir,
.pancake-post-nav a:hover .pancake-post-nav__ttl { color: var(--pancake-accent, #FC9B03); }

/* ── コメント欄：本文下に馴染ませる最小調整 ── */
.pancake-interview .comments-area,
.pancake-interview #comments {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid #eee;
}
@media (max-width: 600px) {
	.pancake-post-nav__ttl { font-size: .85rem; }
}/* ==========================================================================
   コメント欄（Kadence標準）を PANCAKE トーンに統一。scope: .comments-area
   ========================================================================== */
.pancake-interview .comments-area,
.pancake-interview #comments {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid #eee;
}

/* 見出し「コメントを残す」 */
.comments-area .comment-reply-title,
.comments-area .comments-title {
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: .04em;
	margin: 0 0 20px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--pancake-accent, #FC9B03);
}
.comments-area .comment-reply-title small { font-weight: 400; }
.comments-area .comment-reply-title small a { color: #999; }

/* ログイン案内文・注記 */
.comments-area .logged-in-as,
.comments-area .comment-notes {
	font-size: .82rem;
	line-height: 1.8;
	color: #777;
	margin: 0 0 24px;
}
.comments-area .logged-in-as a { color: #111; text-decoration: underline; text-underline-offset: 2px; }
.comments-area .required-field-message { display: block; margin-top: 4px; color: #999; }
.comments-area .required { color: var(--pancake-accent, #FC9B03); }

/* ラベルを入力欄の「上」に静的配置（Kadenceのフロートラベルを固定表示に） */
.comments-area .comment-form-float-label {
	display: flex;
	flex-direction: column-reverse;
	gap: 8px;
	margin-bottom: 20px;
	position: relative;
}
.comments-area .float-label {
	position: static !important;
	transform: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .04em;
	color: #666;
}

/* 入力欄（textarea / name / email / url） */
.comments-area textarea,
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"] {
	width: 100%;
	padding: 14px 16px !important;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #111;
	font: inherit;
	font-size: 1rem;
	line-height: 1.7;
	transition: border-color .2s ease, box-shadow .2s ease;
	-webkit-appearance: none;
	appearance: none;
}
.comments-area textarea { min-height: 180px; resize: vertical; }
.comments-area ::placeholder { color: #b7b7b7; opacity: 1; }
.comments-area textarea:focus,
.comments-area input[type="text"]:focus,
.comments-area input[type="email"]:focus,
.comments-area input[type="url"]:focus {
	outline: none !important;
	border-color: var(--pancake-accent, #FC9B03) !important;
	box-shadow: 0 0 0 3px rgba(252, 155, 3, .15) !important;
}

/* Cookie同意チェック（ログアウト時） */
.comments-area .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 20px;
}
.comments-area .comment-form-cookies-consent input {
	width: 18px; height: 18px; margin: 0;
	accent-color: var(--pancake-accent, #FC9B03);
}
.comments-area .comment-form-cookies-consent label { margin: 0; font-size: .85rem; color: #666; }

/* 送信ボタン（青 → 黒／ホバーでオレンジ・少し浮く） */
.comments-area .form-submit { margin: 8px 0 0; }
.comments-area .form-submit input.submit,
.comments-area input#submit {
	display: inline-block;
	min-width: 180px;
	height: 50px;
	padding: 0 32px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #111 !important;
	color: #fff !important;
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .08em;
	cursor: pointer;
	transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
}
.comments-area .form-submit input.submit:hover,
.comments-area input#submit:hover {
	background: var(--pancake-accent, #FC9B03) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(252, 155, 3, .3);
}
.comments-area .form-submit input.submit:active,
.comments-area input#submit:active { transform: translateY(0); }

/* ── 既存コメントのリスト（コメントが付いたとき用） ── */
.comments-area .comment-list { list-style: none; margin: 0 0 40px; padding: 0; }
.comments-area .comment-list li { margin: 0 0 20px; }
.comments-area .comment-body {
	padding: 20px 22px;
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fafafa;
}
.comments-area .comment-author .fn { font-weight: 800; color: #111; font-style: normal; }
.comments-area .comment-author .says { display: none; }
.comments-area .comment-metadata { font-size: .75rem; color: #999; }
.comments-area .comment-metadata a { color: #999; }
.comments-area .comment-content { margin-top: 10px; line-height: 1.8; color: #222; }
.comments-area .comment-reply-link {
	display: inline-block;
	margin-top: 8px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .06em;
	color: #111;
	text-decoration: none;
	border-bottom: 2px solid var(--pancake-accent, #FC9B03);
	padding-bottom: 2px;
}
.comments-area .comment-reply-link:hover { color: var(--pancake-accent, #FC9B03); }
.comments-area .children { list-style: none; margin: 20px 0 0 24px; padding: 0; }