タグや
を無効化。
============================================================= */
.page-id-3152 .lh-stores__group-grid > p,
.page-id-3152 .lh-stores__group-grid > br {
display: none !important;
}
.page-id-3152 .lh-stores__group-grid {
font-size: 0 !important; /* 空白文字を消す */
}
.page-id-3152 .lh-stores__group-grid > * {
font-size: 16px !important; /* 子要素には文字サイズ戻す */
}
/* =============================================================
④ タブレット（768〜1024px）でも横並び維持
============================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
body .page-id-3152 .lh-stores__group-grid--3col {
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
body .page-id-3152 .lh-stores__group-grid--2col {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
}
/* =============================================================
⑤ スマホ（767px以下）のみ1列に
============================================================= */
@media (max-width: 767px) {
body .page-id-3152 .lh-stores__group-grid--1col,
body .page-id-3152 .lh-stores__group-grid--2col,
body .page-id-3152 .lh-stores__group-grid--3col {
grid-template-columns: 1fr !important;
gap: 16px !important;
max-width: 460px !important;
}
}
/* =============================================================
⑥ 店舗カードのレイアウト確実版
============================================================= */
.page-id-3152 .lh-store-card {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
background: #FFFFFF !important;
border: 1px solid #E5DCC9 !important;
border-radius: 8px !important;
overflow: hidden !important;
text-decoration: none !important;
color: inherit !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.page-id-3152 .lh-store-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 24px rgba(47, 41, 36, 0.08) !important;
border-color: #8A6A4F !important;
}
/* =============================================================
メッセージ画像 確実版（実際のHTML構造に合わせる）
============================================================= */
/* セクション全体 */
.page-id-3152 .lh-message {
width: 100% !important;
}
/* 2カラムグリッド */
.page-id-3152 .lh-message__grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 60px !important;
align-items: center !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
/* 左側の画像エリア */
.page-id-3152 .lh-message__media {
width: 100% !important;
max-width: 540px !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
aspect-ratio: auto !important;
}
/* 画像本体（クラスなしのimgタグを直接指定） */
.page-id-3152 .lh-message__media img,
.page-id-3152 .lh-message__media > img {
width: 100% !important;
max-width: 540px !important;
height: auto !important;
max-height: 700px !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
padding: 0 !important;
}
/* 不要なbrタグを非表示 */
.page-id-3152 .lh-message__media br {
display: none !important;
}
/* タブレット */
@media (max-width: 1024px) {
.page-id-3152 .lh-message__grid {
gap: 40px !important;
}
.page-id-3152 .lh-message__media {
max-width: 440px !important;
}
.page-id-3152 .lh-message__media img {
max-width: 440px !important;
}
}
/* スマホ */
@media (max-width: 768px) {
.page-id-3152 .lh-message__grid {
grid-template-columns: 1fr !important;
gap: 32px !important;
}
.page-id-3152 .lh-message__media {
max-width: 380px !important;
}
.page-id-3152 .lh-message__media img {
max-width: 380px !important;
}
}
/* =============================================================
RECRUITセクション 文字色変更（濃いブラウン #2F2924）
============================================================= */
/* セクション全体の文字色 */
.page-id-3152 .lh-recruit,
.page-id-3152 .lh-recruit *,
.page-id-3152 #lh-recruit,
.page-id-3152 #lh-recruit * {
color: #2F2924 !important;
}
/* メインタイトル */
.page-id-3152 .lh-recruit .lh-section__title,
.page-id-3152 .lh-recruit__title,
.page-id-3152 .lh-recruit h2,
.page-id-3152 #lh-recruit .lh-section__title,
.page-id-3152 #lh-recruit h2 {
color: #2F2924 !important;
font-weight: 600 !important;
}
/* 本文テキスト */
.page-id-3152 .lh-recruit p,
.page-id-3152 .lh-recruit__text,
.page-id-3152 .lh-recruit__description,
.page-id-3152 .lh-recruit .lh-section__lead,
.page-id-3152 #lh-recruit p,
.page-id-3152 #lh-recruit .lh-section__lead {
color: #2F2924 !important;
}
/* eyebrow（「Join Our Team」などの小さい英字）は木のブラウンを維持 */
.page-id-3152 .lh-recruit .lh-section__eyebrow,
.page-id-3152 .lh-recruit__eyebrow,
.page-id-3152 #lh-recruit .lh-section__eyebrow {
color: #8A6A4F !important;
}
/* ボタンは白文字のまま */
.page-id-3152 .lh-recruit .lh-btn-primary,
.page-id-3152 .lh-recruit a.lh-btn-primary,
.page-id-3152 .lh-recruit__btn,
.page-id-3152 #lh-recruit .lh-btn-primary,
.page-id-3152 #lh-recruit a {
color: #FFFFFF !important;
}
/* ボタン背景はブラウン維持 */
.page-id-3152 .lh-recruit .lh-btn-primary,
.page-id-3152 .lh-recruit a.lh-btn-primary {
background: #7A5C42 !important;
border-color: #7A5C42 !important;
}
/* ボタンホバー時 */
.page-id-3152 .lh-recruit .lh-btn-primary:hover,
.page-id-3152 .lh-recruit a.lh-btn-primary:hover {
background: #2F2924 !important;
border-color: #2F2924 !important;
color: #FFFFFF !important;
}
/* =============================================================
RECRUITセクション 本文を白文字に（ブラウン背景で読みやすく）
============================================================= */
/* 本文テキストを白に */
.page-id-3152 .lh-recruit p,
.page-id-3152 .lh-recruit__text,
.page-id-3152 .lh-recruit__description,
.page-id-3152 .lh-recruit .lh-section__lead,
.page-id-3152 #lh-recruit p,
.page-id-3152 #lh-recruit .lh-section__lead {
color: #FFFFFF !important;
}
/* eyebrowを薄い金茶色に（既に良い色だが、より読みやすく） */
.page-id-3152 .lh-recruit .lh-section__eyebrow,
.page-id-3152 .lh-recruit__eyebrow,
.page-id-3152 #lh-recruit .lh-section__eyebrow {
color: #D8C8B8 !important;
letter-spacing: .35em !important;
}
/* RECRUITメインタイトルは濃いブラウン維持（白背景内なのでOK） */
.page-id-3152 .lh-recruit .lh-section__title,
.page-id-3152 .lh-recruit__title,
.page-id-3152 .lh-recruit h2 {
color: #2F2924 !important;
}
/* =============================================================
各固定ページ（TOP以外）の不要要素を非表示
-------------------------------------------------------------
対象：店舗ページ・ニュース・リクルート・固定ページ全般
============================================================= */
/* ============================================
① 全固定ページのページ名・日付帯を非表示
============================================ */
body.page .entry-title,
body.page h1.entry-title,
body.page .page-title,
body.page .post-title,
body.page .article-title,
body.page .article-header,
body.page header.article-header,
body.page .entry-header,
body.page header.entry-header,
body.page .post-header,
body.page .date-tags,
body.page .post-date,
body.page .post-update,
body.page time.entry-date,
body.page time.updated,
body.page .entry-meta,
body.page .post-meta,
body.page .meta-info,
body.page .post-info,
body.page .post-info-area {
display: none !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
visibility: hidden !important;
}
/* ============================================
② サイドバーを非表示
============================================ */
body.page #sidebar,
body.page .sidebar,
body.page #sidebar.sidebar,
body.page aside.sidebar {
display: none !important;
}
/* ============================================
③ 1カラム表示にする
============================================ */
body.page #main,
body.page main#main,
body.page .main {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 auto !important;
}
body.page #content,
body.page .content,
body.page .content-in {
width: 100% !important;
max-width: 100% !important;
}
/* メインカラムとサイドバーの2カラムを1カラム化 */
body.page .main-content,
body.page #main-content {
display: block !important;
width: 100% !important;
}
/* ============================================
④ 投稿一覧（NEWS）ページも同様に対応
============================================ */
body.blog .entry-title,
body.blog .archive-title,
body.archive .archive-title,
body.search .search-title,
body.blog #sidebar,
body.archive #sidebar,
body.search #sidebar {
display: none !important;
}
body.blog #main,
body.archive #main,
body.search #main {
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
/* ============================================
⑤ ライトグレーの帯・余分な背景を消す
============================================ */
body.page article,
body.page article.post,
body.page article.article,
body.page .article {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
}
body.page .entry-content {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
body.page #main,
body.page main#main {
padding-top: 0 !important;
margin-top: 0 !important;
background: transparent !important;
}
/* ============================================
⑥ パンくず・SNSシェア・関連記事なども非表示
============================================ */
body.page .breadcrumb,
body.page .breadcrumbs,
body.page .toc,
body.page #toc,
body.page .ez-toc-container,
body.page .author-box,
body.page .author-info,
body.page .profile,
body.page .related-entries,
body.page .related-entry-cards,
body.page .sns-share,
body.page .sns-share-buttons,
body.page .sns-follow,
body.page .sns-follow-buttons,
body.page .pager-post-navi,
body.page .comment-area,
body.page .comments,
body.page .ad,
body.page .ad-area,
body.page .article-footer,
body.page footer.article-footer {
display: none !important;
}
/* =============================================================
各店舗ページ 共通調整CSS
============================================================= */
/* ============================================
① 店舗情報 ADDRESS/TEL/OPEN を3つ横並び
============================================ */
/* 店舗情報セクションのグリッドを3カラムに */
.lh-store-page .lh-sp-info__grid,
.lh-store-page .lh-info__grid,
.lh-store-page .lh-store-info__grid,
.lh-store-page .lh-sp-info-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 32px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 0 24px !important;
align-items: start !important;
}
/* タブレット（768〜1024px）：3列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
.lh-store-page .lh-sp-info__grid,
.lh-store-page .lh-info__grid,
.lh-store-page .lh-store-info__grid {
gap: 20px !important;
grid-template-columns: repeat(3, 1fr) !important;
}
}
/* スマホ：1列縦並び */
@media (max-width: 767px) {
.lh-store-page .lh-sp-info__grid,
.lh-store-page .lh-info__grid,
.lh-store-page .lh-store-info__grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
max-width: 460px !important;
}
}
/* ============================================
② メニュー（CUT/COLOR等）を2カラム横並び
============================================ */
/* メニューカードのグリッドを2カラムに */
.lh-store-page .lh-sp-menu__grid,
.lh-store-page .lh-menu__grid,
.lh-store-page .lh-sp-menu-grid,
.lh-store-page .lh-menu-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 32px !important;
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 24px !important;
align-items: start !important;
}
/* タブレット：2列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
.lh-store-page .lh-sp-menu__grid,
.lh-store-page .lh-menu__grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
}
}
/* スマホ：1列縦並び */
@media (max-width: 767px) {
.lh-store-page .lh-sp-menu__grid,
.lh-store-page .lh-menu__grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
max-width: 500px !important;
}
}
/* ============================================
③ WEB予約はこちら：→を削除＋中央揃え
============================================ */
/* ボタン内の矢印記号を非表示 */
.lh-store-page .lh-sp-reserve__btn::after,
.lh-store-page .lh-sp-reserve__btn .arrow,
.lh-store-page .lh-sp-cta__btn::after,
.lh-store-page .lh-btn-primary::after,
.lh-store-page a.lh-btn-primary span[aria-hidden],
.lh-store-page .lh-sp-reserve a span[aria-hidden] {
display: none !important;
content: none !important;
}
/* テキスト中の「↗」「→」「↘」記号を消す対策 */
.lh-store-page .lh-sp-reserve__btn,
.lh-store-page .lh-sp-cta__btn,
.lh-store-page .lh-sp-reserve a.lh-btn-primary {
text-align: center !important;
justify-content: center !important;
display: inline-flex !important;
align-items: center !important;
}
/* ボタンエリアを中央揃え */
.lh-store-page .lh-sp-reserve,
.lh-store-page .lh-sp-cta,
.lh-store-page .lh-sp-reserve__btn-wrap,
.lh-store-page .lh-sp-cta__btn-wrap {
text-align: center !important;
}
/* ============================================
④ フッター関連リンク：3つだけ横並び中央
============================================ */
/* リンクカードのグリッドを3列に強制 */
.lh-store-page .lh-sp-links__grid,
.lh-store-page .lh-links__grid,
.lh-store-page .lh-sp-links-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
max-width: 900px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
/* タブレット：3列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
.lh-store-page .lh-sp-links__grid,
.lh-store-page .lh-links__grid {
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
}
/* スマホ：1列縦並び */
@media (max-width: 767px) {
.lh-store-page .lh-sp-links__grid,
.lh-store-page .lh-links__grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
max-width: 460px !important;
}
}
/* 空のカードがある場合、左右の空カラムを非表示 */
.lh-store-page .lh-sp-links__grid > .lh-sp-link-card:empty,
.lh-store-page .lh-links__grid > .lh-link-card:empty,
.lh-store-page .lh-sp-links__grid > div:empty {
display: none !important;
}
/* =============================================================
ファーストビューのWEB予約ボタン 矢印削除＆中央揃え
============================================================= */
/* ファーストビューのボタン全般から矢印を消す */
.lh-store-page .lh-sp-hero a::after,
.lh-store-page .lh-sp-hero__btn::after,
.lh-store-page .lh-sp-hero .lh-btn-primary::after,
.lh-store-page .lh-sp-hero__cta::after,
.lh-store-page .lh-sp-hero a span[aria-hidden],
.lh-store-page .lh-sp-hero__btn span[aria-hidden],
.lh-store-page .lh-hero a::after,
.lh-store-page .lh-hero__btn::after {
display: none !important;
content: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
/* ボタンの中央揃え */
.lh-store-page .lh-sp-hero a,
.lh-store-page .lh-sp-hero__btn,
.lh-store-page .lh-sp-hero .lh-btn-primary,
.lh-store-page .lh-sp-hero__cta,
.lh-store-page .lh-hero a,
.lh-store-page .lh-hero__btn {
text-align: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* ボタンのテキスト周辺の隙間調整 */
.lh-store-page .lh-sp-hero a,
.lh-store-page .lh-sp-hero__btn {
letter-spacing: .15em !important;
gap: 0 !important;
}
/* ボタンを包むエリアを中央揃え */
.lh-store-page .lh-sp-hero__btn-wrap,
.lh-store-page .lh-sp-hero__cta-wrap,
.lh-store-page .lh-sp-hero__actions {
text-align: center !important;
display: flex !important;
justify-content: center !important;
}
/* =============================================================
各店舗ページ レイアウト調整（正しいクラス名版）
============================================================= */
/* ============================================
① 店舗情報を3つ横並び
============================================ */
.lh-store-page .lh-sp-info-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 32px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 0 24px !important;
align-items: start !important;
}
/* 「ADDRESS」が3カラム目に来ないよう、wide指定があるカードを2カラム目に配置 */
.lh-store-page .lh-sp-info-card--wide {
grid-column: span 1 !important;
}
/* 各カードのレイアウト */
.lh-store-page .lh-sp-info-card {
width: 100% !important;
text-align: left !important;
padding: 0 !important;
}
/* タブレット：3列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
.lh-store-page .lh-sp-info-grid {
gap: 20px !important;
grid-template-columns: repeat(3, 1fr) !important;
padding: 0 16px !important;
}
}
/* スマホ：1列縦並び */
@media (max-width: 767px) {
.lh-store-page .lh-sp-info-grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
max-width: 460px !important;
}
}
/* ============================================
② メニューを2カラム横並び
============================================ */
.lh-store-page .lh-sp-menu-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 32px !important;
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 24px !important;
align-items: start !important;
}
/* メニューカード */
.lh-store-page .lh-sp-menu-card {
width: 100% !important;
margin: 0 !important;
}
/* タブレット：2列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
.lh-store-page .lh-sp-menu-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
padding: 0 16px !important;
}
}
/* スマホ：1列縦並び */
@media (max-width: 767px) {
.lh-store-page .lh-sp-menu-grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
max-width: 500px !important;
}
}
/* ============================================
③ フッターリンクを3つ横並び（中央のみ）
============================================ */
.lh-store-page .lh-sp-links-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
max-width: 900px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
/* タブレット：3列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
.lh-store-page .lh-sp-links-grid {
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
padding: 0 16px !important;
}
}
/* スマホ：1列縦並び */
@media (max-width: 767px) {
.lh-store-page .lh-sp-links-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
max-width: 460px !important;
}
}
/* ============================================
④ Cocoonの自動段落タグ（
）を無効化 ------------------------------------------------------------- WordPressが自動挿入する空の
タグが、 グリッドレイアウトを崩しているのを防ぐ。 ============================================ */ .lh-store-page .lh-sp-info-grid > p, .lh-store-page .lh-sp-menu-grid > p, .lh-store-page .lh-sp-links-grid > p { display: none !important; } /* セクション内の不要な空
や
も非表示 */
.lh-store-page .lh-sp-section > p:empty,
.lh-store-page .lh-sp-inner > p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
}
/* =============================================================
Cocoon標準フッター 確実消去版
-------------------------------------------------------------
実際のHTML構造に合わせた指定
============================================================= */
/* footer#footer 全体を非表示 */
body.page footer#footer,
body.page #footer.footer,
body.page .footer-container,
body.page footer.footer-container,
body.page #footer-in,
body.page .footer-in,
body.page .footer-bottom,
body.page footer#footer .footer-in,
body.page footer#footer .footer-bottom,
body.archive footer#footer,
body.archive #footer.footer,
body.archive .footer-container,
body.archive #footer-in,
body.archive .footer-bottom,
body.blog footer#footer,
body.blog #footer.footer,
body.blog .footer-container,
body.blog #footer-in,
body.blog .footer-bottom,
body.search footer#footer,
body.search #footer.footer,
body.search .footer-container {
display: none !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
visibility: hidden !important;
overflow: hidden !important;
}
/* 独自コーポレートフッター（ベージュ）は表示維持 */
body.page .lh-sp-corporate,
body.page .lh-rc-corporate,
body.page .lh-corporate {
display: block !important;
visibility: visible !important;
}
/* =============================================================
リクルートページ専用：コーポレートフッター 横並び調整
（.lh-recruit-page 内のみに限定して TOPに影響しない）
============================================================= */
/* リクルートページ内の lh-sp-corporate__nav を横並びに */
.lh-recruit-page .lh-sp-corporate__nav {
display: flex !important;
flex-direction: row !important;
gap: 28px !important;
flex-wrap: wrap !important;
align-items: center !important;
}
.lh-recruit-page .lh-sp-corporate__nav a {
display: inline-block !important;
white-space: nowrap !important;
font-size: 13px !important;
letter-spacing: .1em !important;
color: #2F2924 !important;
padding: 4px 0 !important;
border-bottom: 1px solid transparent !important;
text-decoration: none !important;
margin: 0 !important;
}
.lh-recruit-page .lh-sp-corporate__nav a:hover {
color: #8A6A4F !important;
border-bottom-color: #8A6A4F !important;
}
/* リクルートページ内のコーポレートセクションのみ対象 */
.lh-recruit-page section.lh-corporate {
background: #EFE6D8 !important;
padding: 48px 24px !important;
border-top: 1px solid #E5DCC9 !important;
width: 100% !important;
}
.lh-recruit-page section.lh-corporate .lh-rc-inner {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px !important;
flex-wrap: wrap !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
/* スマホ */
@media (max-width: 600px) {
.lh-recruit-page section.lh-corporate .lh-rc-inner {
flex-direction: column !important;
align-items: flex-start !important;
gap: 20px !important;
}
.lh-recruit-page .lh-sp-corporate__nav {
gap: 14px 18px !important;
}
}
/* =============================================================
TOPページ コーポレートフッター（再適用・優先版）
-------------------------------------------------------------
リクルート用CSSの影響を打ち消すため、一番下に再追加
============================================================= */
.page-id-3152 .lh-corporate,
.page-id-3152 section.lh-corporate,
body.page-id-3152 .lh-corporate {
background: #EFE6D8 !important;
padding: 48px 24px !important;
border-top: 1px solid #E5DCC9 !important;
width: 100% !important;
margin-top: 0 !important;
display: block !important;
}
.page-id-3152 .lh-corporate__inner,
.page-id-3152 .lh-corporate .lh-corporate__inner,
body.page-id-3152 .lh-corporate__inner {
max-width: 1200px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px !important;
flex-wrap: wrap !important;
}
.page-id-3152 .lh-corporate__brand {
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
}
.page-id-3152 .lh-corporate__company-en {
font-family: "Cormorant Garamond", serif !important;
font-size: 24px !important;
letter-spacing: .15em !important;
color: #2F2924 !important;
margin: 0 !important;
font-weight: 500 !important;
}
.page-id-3152 .lh-corporate__company-jp {
font-size: 12px !important;
letter-spacing: .15em !important;
color: #6F6258 !important;
margin: 6px 0 0 !important;
}
.page-id-3152 .lh-corporate__nav {
display: flex !important;
flex-direction: row !important;
gap: 28px !important;
flex-wrap: wrap !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.page-id-3152 .lh-corporate__nav a {
display: inline-block !important;
white-space: nowrap !important;
font-size: 13px !important;
letter-spacing: .1em !important;
color: #2F2924 !important;
padding: 4px 0 !important;
border-bottom: 1px solid transparent !important;
text-decoration: none !important;
margin: 0 !important;
}
.page-id-3152 .lh-corporate__nav a:hover {
color: #8A6A4F !important;
border-bottom-color: #8A6A4F !important;
}
.page-id-3152 .lh-corporate__copyright {
width: 100% !important;
text-align: center !important;
font-size: 11px !important;
color: #8A6A4F !important;
margin: 24px 0 0 !important;
padding-top: 24px !important;
border-top: 1px solid #D8C8B8 !important;
letter-spacing: .1em !important;
font-family: "Cormorant Garamond", serif !important;
}
/* スマホ */
@media (max-width: 600px) {
.page-id-3152 .lh-corporate {
padding: 36px 22px !important;
}
.page-id-3152 .lh-corporate__inner {
flex-direction: column !important;
align-items: flex-start !important;
gap: 20px !important;
}
.page-id-3152 .lh-corporate__nav {
gap: 14px 18px !important;
}
.page-id-3152 .lh-corporate__company-en {
font-size: 20px !important;
}
}
/* =============================================================
全ページのヘッダー「株式会社LH」サイトタイトルを非表示
-------------------------------------------------------------
TOPページ以外でも表示されているサイトタイトルを消す
============================================================= */
/* サイトタイトル要素を全ページで非表示 */
.site-name-text,
#site-title,
.site-name,
.header-title,
h1.site-name-text,
.site-name-text-link,
.logo,
.logo-image,
.logo-header,
.site-description,
.logo-text {
display: none !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
/* ロゴエリア全体を非表示にする場合（任意） */
.header-container .logo,
.header-container .site-name,
.header-container #site-title {
display: none !important;
}
/* =============================================================
TOPページ 店舗紹介 スマホでは縦並び（強制版）
============================================================= */
/* スマホ（767px以下）：すべてのグリッドを1列に強制 */
@media (max-width: 767px) {
body .page-id-3152 .lh-stores__group-grid,
body .page-id-3152 .lh-stores__group-grid--1col,
body .page-id-3152 .lh-stores__group-grid--2col,
body .page-id-3152 .lh-stores__group-grid--3col,
.page-id-3152 .lh-stores .lh-stores__group-grid--3col,
.page-id-3152 .lh-stores .lh-stores__group-grid--2col {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px !important;
max-width: 420px !important;
width: 100% !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
/* 店舗カードの内部レイアウトもスマホ用に調整 */
.page-id-3152 .lh-store-card {
width: 100% !important;
max-width: 100% !important;
}
/* 画像のサイズもスマホで適切に */
.page-id-3152 .lh-store-card__image {
aspect-ratio: 4 / 3 !important;
width: 100% !important;
}
}
/* タブレット（768〜1024px）でアイサロンも3列維持 */
@media (min-width: 768px) and (max-width: 1024px) {
body .page-id-3152 .lh-stores__group-grid--3col {
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
body .page-id-3152 .lh-stores__group-grid--2col {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
}