/* TOP（PC基準の実装）。Claude Design の現行 TOP を基準に、余白・文字サイズ・幅・配置を合わせる。
 * Mobile の本格再設計は次工程。ここでは 768px / 1024px 付近で致命的に崩れない最低限の調整のみ。
 * 動き: アニメーションなし（hover の最小限の transition のみ）。 */

/* ---------------- HERO ---------------- */
.lw-fhero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: clamp(520px, 46vw, 760px);
	padding-block: clamp(40px, 8vw, 96px);
	background: #141110;
	overflow: hidden;
}

.lw-fhero__media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: clamp(300px, 52vw, 820px);
}

.lw-fhero__media .lw-photo {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	height: 100%;
}

/* 写真の左端を背景色へなじませる（境界が見えないように。人物は切らず、上寄せで表示）。
 * 写真の上・スクリム（z-index:1）より下に置くことで、背景（#141110＋スクリム）と同じ濃さで溶け込む。 */
.lw-fhero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #141110 0%, rgba(20, 17, 16, 0.9) 14%, rgba(20, 17, 16, 0.5) 32%, rgba(20, 17, 16, 0) 62%);
	pointer-events: none;
}

.lw-fhero__scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(100deg, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0.72) 38%, rgba(10, 10, 10, 0.34) 62%, rgba(10, 10, 10, 0.12) 100%),
		linear-gradient(180deg, rgba(10, 10, 10, 0.35) 0%, rgba(10, 10, 10, 0) 38%, rgba(10, 10, 10, 0.55) 100%);
}

.lw-fhero__inner {
	position: relative;
	z-index: 3;
}

.lw-fhero__title {
	margin: 0 0 26px;
	font-size: var(--lw-fs-hero-l);
	line-height: 0.92;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.lw-fhero__copy {
	margin: 0 0 10px;
	font-size: clamp(19px, 3.4vw, 32px);
	font-weight: 700;
	line-height: normal;
}

.lw-fhero__lead {
	max-width: 52ch;
	margin: 0 0 32px;
	font-size: clamp(13px, 1.7vw, 16px);
	line-height: 1.9;
	color: rgba(var(--lw-text-rgb), 0.86);
	text-wrap: pretty;
}

.lw-fhero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.lw-fhero__actions .lw-btn {
	padding: 16px 30px;
	font-size: 13px;
}

.lw-fhero__actions .lw-btn--outline {
	border-color: rgba(var(--lw-text-rgb), 0.6);
}

/* 横長画像（Claude Design の hero-wide 等）: 全面背景。人物は右、左はコピー領域（スクリムで暗くする） */
.lw-fhero--wide .lw-fhero__media {
	left: 0;
	width: auto;
}

.lw-fhero--wide .lw-fhero__media::after {
	display: none;
}

.lw-fhero--wide .lw-photo img {
	object-position: right center;
}

/* ---------------- 01 / ABOUT — WHY LOWRL? ---------------- */
.lw-fwhy {
	padding: clamp(64px, 9vw, 120px) 0 clamp(32px, 4vw, 56px);
}

.lw-fwhy__grid {
	display: grid;
	gap: clamp(28px, 4vw, 72px);
	align-items: center;
}

.lw-fwhy__lead {
	margin: 26px 0 14px;
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 700;
	line-height: normal;
}

.lw-fwhy__body {
	max-width: 44ch;
	margin: 0;
	font-size: 15px;
	line-height: 2;
	color: rgba(var(--lw-text-rgb), 0.86);
	text-wrap: pretty;
}

.lw-fwhy__kw {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 32px;
	border-top: 1px solid rgba(196, 103, 126, 0.45);
}

.lw-fwhy__kw li {
	padding: 16px 12px 0 0;
}

.lw-fwhy__kw-en {
	line-height: normal;
	display: block;
	font-family: var(--lw-font-en);
	font-size: 14px;
	letter-spacing: 0.12em;
}

.lw-fwhy__kw-jp {
	line-height: normal;
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: var(--lw-muted);
}

.lw-fwhy__more {
	margin-top: 36px;
}

.lw-fwhy__media .lw-photo {
	aspect-ratio: auto;
	height: clamp(220px, 25vw, 340px); /* 画像を小さめにして、左のコピー・説明文が主役に見えるバランスに */
}

@media (min-width: 1024px) {
	.lw-fwhy__grid {
		grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
	}
}

/* 区切り（細い線＋左のアクセント線） */
.lw-divider {
	position: relative;
	display: flex;
	align-items: center;
	height: clamp(40px, 6vw, 80px);
}

.lw-divider::before {
	content: "";
	width: 100%;
	height: 1px;
	background: var(--lw-line);
}

.lw-divider__accent {
	position: absolute;
	left: 0;
	width: 18%;
	height: 2px;
	background: linear-gradient(90deg, var(--lw-accent), rgba(196, 103, 126, 0));
}

/* ---------------- LOWRL DATA ---------------- */
.lw-fdata {
	padding: 0 0 clamp(52px, 8vw, 104px);
}

.lw-fdata__grid {
	display: grid;
	gap: clamp(28px, 4vw, 48px);
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.lw-stat__label {
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	font-family: var(--lw-font-en);
	font-size: 11px;
	letter-spacing: 0.24em;
	color: var(--lw-accent);
}

.lw-stat__rule {
	flex: 1;
	height: 1px;
	background: rgba(196, 103, 126, 0.35);
}

.lw-stat__label-jp {
	font-family: var(--lw-font-jp);
	letter-spacing: 0.08em;
	color: var(--lw-muted);
}

.lw-stat__figure {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	margin: 0;
}

.lw-stat__num {
	font-family: var(--lw-font-en);
	font-weight: 700;
	font-size: var(--lw-fs-number);
	line-height: 1;
	white-space: nowrap;
	color: var(--lw-accent-peach);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.lw-stat__num {
		background: var(--lw-grad-stat);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}
}

.lw-stat__plus {
	font-size: 0.55em;
}

.lw-stat__unit {
	line-height: normal;
	font-size: 14px;
	color: var(--lw-accent);
}

.lw-stat__badge {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	margin: 12px 0 0;
	padding: 6px 12px;
	border: 1px solid rgba(196, 103, 126, 0.55);
}

.lw-stat__badge-label {
	font-family: var(--lw-font-en);
	font-size: 11px;
	letter-spacing: 0.14em;
	color: var(--lw-muted);
}

.lw-stat__badge-value {
	font-family: var(--lw-font-en);
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: var(--lw-accent-peach);
}

.lw-stat__badge-unit {
	font-size: 11px;
	color: var(--lw-muted);
}

.lw-stat__title {
	margin: 14px 0 8px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.7;
	text-wrap: pretty;
}

.lw-stat__text {
	margin: 0;
	font-size: 13px;
	line-height: 1.9;
	color: var(--lw-muted);
	text-wrap: pretty;
}

/* ---------------- 02 / COLOR — FIND YOUR COLOR ---------------- */
.lw-fcolor {
	padding-block: clamp(40px, 6vw, 72px);
	background: var(--lw-ink-2);
}

.lw-fcolor__head {
	padding-bottom: 26px;
}

.lw-fcolor__grid {
	display: grid;
	gap: 6px;
	grid-template-columns: minmax(0, 1fr);
}

.lw-fcolor__all {
	display: flex;
	justify-content: flex-end;
	padding-top: 22px;
}

.lw-tone-tile {
	box-sizing: content-box; /* Claude Design と同じ：min-height に padding が加わる（タイルの高さ＝約352px@1440） */
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: clamp(220px, 26vw, 300px);
	padding: 26px;
	overflow: hidden;
	background: var(--lw-ink-3);
}

.lw-tone-tile .lw-photo {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	height: 100%;
}

.lw-tone-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	/* 色を選ぶセクション：写真の色味を見せる。上部はほぼ透明、中央は薄く、文字のある下部だけ黒を残す */
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 28%, rgba(0, 0, 0, 0.17) 50%, rgba(0, 0, 0, 0.46) 72%, rgba(0, 0, 0, 0.6) 100%);
	pointer-events: none;
}

.lw-tone-tile__body {
	position: relative;
	z-index: 1;
}

.lw-tone-tile__name {
	margin: 0;
	font-size: 32px;
	line-height: normal;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

.lw-tone-tile__text {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 10px rgba(0, 0, 0, 0.5);
	margin: 6px 0 14px;
	font-size: 13px;
	line-height: normal;
}

.lw-tone-tile__more {
	display: inline-flex;
	align-items: center;
	min-height: var(--lw-tap);
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, 0.75);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-family: var(--lw-font-en);
	font-size: 12px;
	letter-spacing: 0.16em;
	transition: background-color var(--lw-btn-ease), border-color var(--lw-btn-ease), color var(--lw-btn-ease);
}

@media (hover: hover) and (pointer: fine) {
	.lw-tone-tile__more:hover {
		background: var(--lw-text);
		border-color: var(--lw-text);
		color: var(--lw-inverse);
	}

	.lw-tone-tile__more:hover .lw-arr {
		translate: 5px 0;
	}
}

.lw-tone-tile__more:focus-visible {
	background: var(--lw-text);
	border-color: var(--lw-text);
	color: var(--lw-inverse);
	outline: 2px solid var(--lw-accent-pale);
	outline-offset: 3px;
}

@media (min-width: 768px) {
	.lw-fcolor__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.lw-fcolor__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* 1024〜1279px: タイルが細いので余白と補足文を少し詰める（キャッチコピーの不自然な折り返しを避ける） */
@media (min-width: 1024px) and (max-width: 1279px) {
	.lw-tone-tile {
		padding: 20px;
	}

	.lw-tone-tile__text {
		font-size: 12px;
	}
}

/* ---------------- 03 / NEWS ---------------- */
.lw-fnews {
	padding-block: clamp(48px, 7vw, 96px);
	background: var(--lw-surface);
}

.lw-fnews__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px 18px;
}

.lw-fnews__head .lw-sec-title__row > div {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 18px;
}

.lw-fnews__head .lw-sec-title__sub {
	margin: 0;
}

.lw-fnews__all {
	display: inline-flex;
	align-items: center;
	min-height: var(--lw-tap);
	font-family: var(--lw-font-en);
	font-size: 12px;
	letter-spacing: 0.18em;
	color: var(--lw-accent-soft);
}

.lw-fnews__list {
	margin-top: 26px;
	border-bottom: 1px solid var(--lw-line-weak);
}

.lw-news-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	padding: 22px 0;
	border-top: 1px solid rgba(var(--lw-text-rgb), 0.14);
}

.lw-news-row__date {
	font-family: var(--lw-font-en);
	font-size: 14px;
	color: var(--lw-muted);
}

.lw-news-row__title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
}

.lw-fnews__empty {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	padding: 28px 0;
	border-top: 1px solid rgba(var(--lw-text-rgb), 0.14);
}

.lw-fnews__empty-en {
	font-family: var(--lw-font-en);
	font-size: 14px;
	letter-spacing: 0.24em;
	color: var(--lw-accent-soft);
}

.lw-fnews__empty-jp {
	font-size: 15px;
	color: var(--lw-muted);
}

.lw-fnews__more {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

/* ---------------- 03 / SOCIAL ---------------- */
.lw-social {
	padding-block: clamp(72px, 9vw, 128px);
	background: var(--lw-ink);
}

.lw-social__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 14px 24px;
}

.lw-social__handle {
	margin: 10px 0 0;
	font-family: var(--lw-font-en);
	font-size: 14px;
	letter-spacing: 0.12em;
	color: var(--lw-muted);
}

.lw-social__follow {
	display: inline-flex;
	align-items: center;
	min-height: var(--lw-tap);
	margin-left: auto;
	font-family: var(--lw-font-en);
	font-size: 12px;
	letter-spacing: 0.18em;
	color: var(--lw-accent-soft);
}

.lw-social__grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 40px;
}

.lw-social__tile {
	position: relative;
	display: block;
	overflow: hidden;
	background: #26211F;
}

.lw-social__tile .lw-photo {
	width: 100%;
}

.lw-social__tile::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 10, 10, 0) 55%, rgba(10, 10, 10, 0.75) 100%);
	pointer-events: none;
}

.lw-social__play {
	position: absolute;
	left: 12px;
	bottom: 10px;
	z-index: 1;
	font-size: 14px;
	line-height: 1;
	color: var(--lw-text);
}

@media (min-width: 768px) {
	.lw-social__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.lw-social__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* ---------------- PAGE NAVIGATION ---------------- */
.lw-pnav {
	padding-block: clamp(48px, 7vw, 96px);
}

.lw-pnav__grid {
	display: grid;
	gap: 6px;
	grid-template-columns: minmax(0, 1fr);
}

.lw-pnav__card {
	box-sizing: content-box; /* Claude Design と同じ：min-height 210px に padding が加わる */
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 210px;
	padding: 30px 26px;
	overflow: hidden;
	border: 1px solid var(--lw-line-weak);
	background: #3F3733;
	color: var(--lw-text);
}

.lw-pnav__card .lw-photo {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	height: 100%;
}

.lw-pnav__card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 10, 10, 0.34) 0%, rgba(10, 10, 10, 0.66) 55%, rgba(10, 10, 10, 0.9) 100%);
	pointer-events: none;
}

.lw-pnav__title,
.lw-pnav__text {
	position: relative;
	z-index: 1;
}

.lw-pnav__title {
	font-family: var(--lw-font-en);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.2;
}

.lw-pnav__text {
	display: block;
	font-size: 13px;
	line-height: 1.8;
	color: rgba(var(--lw-text-rgb), 0.92);
}

.lw-pnav__more {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	letter-spacing: 0.16em;
	color: var(--lw-accent-pale);
	transition: color 0.2s ease;
}

.lw-pnav__card:hover .lw-pnav__more {
	color: #fff;
}

@media (min-width: 768px) {
	.lw-pnav__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 4列は 1200px 以上（Claude Design の自動折り返しだと 1280px で 3+1 に割れるため、明示的に切り替える） */
@media (min-width: 1200px) {
	.lw-pnav__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* 本番でサムネイル未設定のとき（文字なしの仮表示）：黒背景に溶け込まないよう、プレースホルダーと同じ濃淡にする */
.lw-social__tile .lw-photo--blank {
	background: var(--lw-grad-placeholder);
}

/* ボタンの余白: Claude Design は場所ごとに異なる（VIEW ABOUT 15/30、NEWS 一覧 15/34）。幅を揃える */
.lw-fwhy__more .lw-btn {
	padding: 15px 30px;
}

.lw-fnews__more .lw-btn {
	padding: 15px 34px;
}

/* =====================================================================
 * モバイル（〜767px）。PC のルールは変更せず、ここで上書きして追加する。
 * 方針: 横スクロール・はみ出しなし（SOCIAL のサムネイルのみ意図した横スクロール）、
 *       大きな英字を維持、タップ領域44px以上、画像は人物・髪が切れない。
 * ===================================================================== */
.lw-nb {
	white-space: nowrap; /* 見出しの不自然な折り返し防止（句のまとまりで改行） */
}

.lw-social__hint {
	display: none;
}

@media (max-width: 767px) {
	/* ---- HERO: 左右構成 → 縦（上に写真、下にコピー）。写真の下端を背景へなじませ、見出しを少し重ねる ---- */
	.lw-fhero {
		display: block;
		min-height: 0;
		padding-block: 0 36px;
		background: #0A0A0A;
	}

	.lw-fhero__media,
	.lw-fhero--wide .lw-fhero__media {
		position: relative;
		inset: auto;
		width: 100%;
		height: min(100vw, 460px);
	}

	.lw-fhero__media::after,
	.lw-fhero--wide .lw-fhero__media::after {
		display: block;
		background: linear-gradient(180deg, rgba(10, 10, 10, 0) 40%, rgba(10, 10, 10, 0.85) 82%, #0A0A0A 100%);
	}

	.lw-fhero--wide .lw-photo img {
		object-position: 72% 15%; /* 人物（顔・髪）が右寄りの横長画像を、縦長の枠で人物中心に切り出す */
	}

	.lw-fhero:not(.lw-fhero--wide) .lw-photo img {
		object-position: center 20%;
	}

	.lw-fhero__scrim {
		background: linear-gradient(180deg, rgba(10, 10, 10, 0.4) 0%, rgba(10, 10, 10, 0) 26%);
	}

	.lw-fhero__inner {
		margin-top: -56px;
	}

	.lw-fhero__title {
		margin-bottom: 20px;
		font-size: min(17.5vw, 86px);
		line-height: 0.92;
	}

	.lw-fhero__copy {
		font-size: 20px;
		line-height: 1.5;
	}

	.lw-fhero__lead {
		margin-bottom: 26px;
		font-size: 14px;
	}

	.lw-fhero__actions {
		flex-direction: column;
		gap: 10px;
	}

	.lw-fhero__actions .lw-btn {
		width: 100%;
		min-height: 52px;
	}

	/* ---- WHY LOWRL: 1カラム（テキスト → 画像）。キーワードは縦の行に ---- */
	.lw-fwhy {
		padding-top: 56px;
	}

	.lw-fwhy__kw {
		grid-template-columns: minmax(0, 1fr);
		margin-top: 28px;
	}

	.lw-fwhy__kw li {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 12px;
		padding: 14px 0;
		border-bottom: 1px solid rgba(196, 103, 126, 0.25);
	}

	.lw-fwhy__kw-jp {
		margin-top: 0;
	}

	.lw-fwhy__more .lw-btn {
		width: 100%;
	}

	.lw-fwhy__media .lw-photo {
		height: min(72vw, 360px);
	}

	/* ---- LOWRL DATA: 1カラム（数字を大きく、読みやすい縦配置） ---- */
	.lw-fdata__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 44px;
	}

	.lw-stat__num {
		font-size: clamp(60px, 18vw, 80px);
	}

	/* ---- FIND YOUR COLOR: 2×2（4色が一画面に収まり、横スクロールで隠れない） ---- */
	.lw-fcolor__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lw-tone-tile {
		min-height: clamp(210px, 58vw, 280px);
		padding: 16px 14px;
	}

	.lw-tone-tile__name {
		font-size: 26px;
	}

	.lw-tone-tile__text {
		margin: 4px 0 12px;
		font-size: 12px;
		line-height: 1.5;
		word-break: keep-all; /* キャッチコピーを空白位置で改行（カタカナの途中で切らない） */
	}

	.lw-tone-tile__more {
		padding: 0 12px;
		font-size: 11px;
		letter-spacing: 0.12em;
	}

	.lw-fcolor__all {
		justify-content: stretch;
	}

	.lw-fcolor__all .lw-btn {
		width: 100%;
	}

	/* ---- SOCIAL: 縦長サムネイルは横スクロール（1画面に約2.4枚）。右端を画面端まで伸ばして続きを見せる ---- */
	.lw-social__head {
		gap: 6px 16px;
	}

	.lw-social__grid {
		display: flex;
		gap: 10px;
		margin: 28px calc(var(--lw-gutter) * -1) 0;
		padding: 0 var(--lw-gutter) 6px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-left: var(--lw-gutter);
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.lw-social__grid::-webkit-scrollbar {
		display: none;
	}

	.lw-social__tile {
		flex: none;
		width: calc((100vw - var(--lw-gutter) - 20px) / 2.4);
		min-width: 132px;
		scroll-snap-align: start;
	}

	.lw-social__hint {
		display: block;
		margin: 10px 0 0;
		font-family: var(--lw-font-en);
		font-size: 11px;
		letter-spacing: 0.2em;
		color: var(--lw-muted);
	}

	.lw-social__follow {
		margin-left: 0;
	}

	/* ---- PAGE NAVIGATION: 2列（コンパクトなカード） ---- */
	.lw-pnav__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
	}

	.lw-pnav__card {
		min-height: 168px;
		padding: 18px 14px;
	}

	.lw-pnav__title {
		font-size: 20px;
	}

	.lw-pnav__text {
		font-size: 13.5px;
		line-height: 1.65;
	}

	.lw-pnav__more {
		font-size: 10px;
		letter-spacing: 0.12em;
	}

	/* ---- NEWS: 日付・カテゴリを1行、タイトルを下に ---- */
	.lw-news-row {
		gap: 8px 14px;
		padding: 20px 0;
	}

	.lw-news-row__title {
		flex-basis: 100%;
		font-size: 16px;
		text-wrap: pretty; /* 1文字だけの行（孤立行）を避ける */
	}

	.lw-fnews__more .lw-btn {
		width: 100%;
	}

	.lw-fnews__empty {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}