@charset "UTF-8";
/* =====================================================
 * LOVE CLOVER / override.css
 *
 * 親テーマ（GeneratePress）の main.min.css および
 * カスタマイザー出力のインラインCSSは、子テーマの
 * front.css より **後** に読み込まれる。
 * そのため button 要素に対する既定スタイル
 *   button { background:#55555e; color:#fff; border:1px solid transparent }
 * が front.css の指定に勝ってしまい、
 * 白背景のボタン型UI（FAQタブ・アコーディオン見出し等）が
 * グレー背景＋白文字になり判読できなくなる。
 *
 * 本ファイルは generate-style に依存させて **最後** に
 * 読み込むことで、カスケード順で正しく上書きする。
 * ===================================================== */

/* -----------------------------------------------------
 * 1) ボタン型UIの初期化
 *    テーマ内で button をUI部品として使う箇所は、
 *    親テーマの装飾を一旦解除する。
 * --------------------------------------------------- */
.rc-faqtab,
.rc-faqitem__q,
.rc-acc__q,
.lc-faqtab,
.lc-faq__q,
.rc-drawer__close,
.rc-hamb,
.lc-hamb {
	-webkit-appearance: none;
	appearance: none;
	background: none;
	background-color: transparent;
	color: inherit;
	border: 0;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}

/* -----------------------------------------------------
 * 2) 求人サイト：FAQカテゴリタブ
 * --------------------------------------------------- */
.rc-faqtab {
	background: #fff;
	border: 1px solid var(--rc-line, #ecdfe6);
	border-radius: 12px;
	color: var(--rc-ink, #3c3540);
}
.rc-faqtab__label { color: inherit; }
.rc-faqtab:hover {
	border-color: var(--rc-pink, #ea5c8f);
	color: var(--rc-pink, #ea5c8f);
}
.rc-faqtab.is-active {
	background: linear-gradient(135deg, #f4a0c0, #e8608f);
	border-color: transparent;
	color: #fff;
}
.rc-faqtab.is-active .rc-faqtab__label,
.rc-faqtab.is-active .rc-faqtab__range { color: #fff; }
.rc-faqtab.is-active .rc-faqtab__ic svg { color: #fff; }

/* -----------------------------------------------------
 * 3) 求人サイト：FAQアコーディオン見出し
 * --------------------------------------------------- */
.rc-faqitem__q,
.rc-acc__q {
	background: none;
	color: var(--rc-ink, #3c3540);
	text-align: left;
	width: 100%;
}

/* -----------------------------------------------------
 * 4) 営業サイト：よくある質問（page-faq.php）
 * --------------------------------------------------- */
.lc-faqtab {
	background: #fff;
	border: 2px solid var(--line, #e7ecee);
	border-radius: 999px;
	color: var(--ink, #2f3a3d);
}
.lc-faqtab:hover {
	border-color: var(--pink, #f06292);
	color: var(--pink, #f06292);
}
.lc-faqtab.is-active {
	background: var(--pink, #f06292);
	border-color: var(--pink, #f06292);
	color: #fff;
}
.lc-faqtab.is-active .lc-faqtab__ic svg { color: #fff; }
.lc-faqtab.is-active .lc-faqtab__num {
	background: rgba(255, 255, 255, .28);
	color: #fff;
}
.lc-faq__q {
	background: none;
	color: var(--ink, #2f3a3d);
	text-align: left;
	width: 100%;
}

/* -----------------------------------------------------
 * 5) hidden 属性の尊重
 *    display 指定を持つ要素に hidden を付けても
 *    display 指定が勝つため、アコーディオンが
 *    初期状態で開いて見えてしまう。
 * --------------------------------------------------- */
[hidden] { display: none !important; }

/* -----------------------------------------------------
 * 6) 全ページ共通グローバルナビ（9項目）
 *    lc_render_global_nav() が営業サイト／求人サイト／
 *    スタッフブログの全ヘッダーから同一のマークアップを
 *    出力する。各サイトの配色に合わせて見え方を調整。
 * --------------------------------------------------- */
.lc-gnav--recruit {
background: #fff;
border-top: 1px solid var(--rc-line, #ecdfe6);
box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}
.lc-gnav--recruit .lc-gnav__list,
.lc-gnav--staffblog .lc-gnav__list {
display: flex;
list-style: none;
margin: 0;
padding: 6px 0;
gap: 4px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.lc-gnav--recruit .lc-gnav__list::-webkit-scrollbar,
.lc-gnav--staffblog .lc-gnav__list::-webkit-scrollbar { display: none; }
.lc-gnav--recruit .lc-gnav__item,
.lc-gnav--staffblog .lc-gnav__item { flex: 1 0 auto; }
.lc-gnav--recruit .lc-gnav__item a,
.lc-gnav--staffblog .lc-gnav__item a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
padding: 7px 10px;
border: 1px solid transparent;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
text-decoration: none;
}
.lc-gnav--recruit .lc-gnav__item a { color: var(--rc-ink, #3c3540); }
.lc-gnav--recruit .lc-gnav__icon svg {
width: 20px;
height: 20px;
color: var(--rc-pink, #ea5c8f);
}
.lc-gnav--recruit .lc-gnav__item a:hover {
background: var(--rc-pink-pale, #fdeff5);
opacity: 1;
}
.lc-gnav--recruit .lc-gnav__item.is-active a {
border-color: var(--rc-pink, #ea5c8f);
color: var(--rc-pink, #ea5c8f);
background: #fff;
}
.lc-gnav--recruit .lc-gnav__item.is-active .lc-gnav__icon svg {
color: var(--rc-pink, #ea5c8f);
}

/* スタッフ求人（ネイビー×ティール配色） */
.rc-body--staff .lc-gnav--recruit .lc-gnav__icon svg { color: #17a2a2; }
.rc-body--staff .lc-gnav--recruit .lc-gnav__item a:hover { background: #eaf7f7; }
.rc-body--staff .lc-gnav--recruit .lc-gnav__item.is-active a {
border-color: #17a2a2;
color: #17a2a2;
}
.rc-body--staff .lc-gnav--recruit .lc-gnav__item.is-active .lc-gnav__icon svg { color: #17a2a2; }

/* スタッフブログ（ダークテーマ） */
.lc-gnav--staffblog {
background: #1d2430;
border-top: 1px solid rgba(255, 255, 255, .08);
}
.lc-gnav--staffblog .lc-gnav__item a { color: rgba(255, 255, 255, .82); }
.lc-gnav--staffblog .lc-gnav__icon svg {
width: 20px;
height: 20px;
color: #4dd6b8;
}
.lc-gnav--staffblog .lc-gnav__item a:hover {
background: rgba(255, 255, 255, .07);
color: #fff;
opacity: 1;
}
.lc-gnav--staffblog .lc-gnav__item.is-active a {
border-color: #4dd6b8;
color: #4dd6b8;
}

/* ドロワー内「オフィシャルサイト」見出し */
.rc-drawer__heading,
.sb-drawer__heading {
margin: 18px 0 6px;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
opacity: .6;
}
.rc-drawer__list--official a,
.sb-drawer__list--official a {
display: flex;
align-items: center;
gap: 8px;
}
.rc-drawer__list--official .lc-gnav__icon svg,
.sb-drawer__list--official .lc-gnav__icon svg {
width: 18px;
height: 18px;
}

/* 求人フッターのオフィシャルサイトマップ */
.rc-footer__nav--official {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed rgba(255, 255, 255, .18);
opacity: .85;
}

/* 9項目に増えた分、狭い画面での詰め方を調整 */
@media (max-width: 900px) {
.lc-gnav__item a,
.lc-gnav--recruit .lc-gnav__item a,
.lc-gnav--staffblog .lc-gnav__item a {
font-size: 11px;
padding: 6px 8px;
}
.lc-gnav__icon svg,
.lc-gnav--recruit .lc-gnav__icon svg,
.lc-gnav--staffblog .lc-gnav__icon svg {
width: 18px;
height: 18px;
}
}

/* -----------------------------------------------------
 * 7) 写メ日記 一覧の絞り込み表示（2026-08-02 追加）
 *    /diary/?lc_cast=NNN で特定の女の子に絞り込んだ際の
 *    見出しバーと解除ボタン。
 * --------------------------------------------------- */
.lc-diary-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
margin: 0 0 18px;
padding: 14px 18px;
background: linear-gradient(135deg, #fff5f9 0%, #fdf2f8 100%);
border: 1px solid #fbcfe8;
border-radius: 14px;
}
.lc-diary-filter__label {
margin: 0;
font-size: 15px;
color: #6b4553;
flex: 1 1 auto;
}
.lc-diary-filter__label strong {
font-size: 18px;
color: #db2777;
}
.lc-btn--sm {
padding: 7px 14px;
font-size: 13px;
line-height: 1.4;
}
.lc-empty-actions {
margin: 18px 0 0;
text-align: center;
}
.lc-diary-author--nolink {
justify-content: center;
}
.lc-diary-author--nolink .lc-diary-author__name {
color: #6b4553;
}
@media (max-width: 600px) {
.lc-diary-filter {
flex-direction: column;
align-items: stretch;
text-align: center;
}
.lc-diary-filter .lc-btn {
width: 100%;
text-align: center;
}
}

/* -----------------------------------------------------
 * 8) 「ご利用の方へ」統合ページ（page-guide.php / 2026-08-02 追加）
 *    上段「はじめての方へ」＋下段「よくある質問」を
 *    1ページに統合し、アンカーで相互移動する。
 * --------------------------------------------------- */

/* アンカー移動時に固定ヘッダーへ隠れないようオフセットを確保 */
#beginner,
#faq,
.lc-faqsec[id^="faq-"] {
scroll-margin-top: 96px;
}
@media (max-width: 900px) {
#beginner,
#faq,
.lc-faqsec[id^="faq-"] {
scroll-margin-top: 76px;
}
}

/* ページ内アンカーナビ */
.lc-guidenav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin: 28px 0 8px;
}
@media (max-width: 700px) {
.lc-guidenav {
grid-template-columns: 1fr;
gap: 12px;
}
}
.lc-guidenav__item {
display: flex;
align-items: center;
gap: 14px;
padding: 18px 20px;
border-radius: 14px;
background: #fff;
border: 2px solid #f3d9e4;
box-shadow: 0 2px 10px rgba(214, 120, 160, .08);
text-decoration: none;
color: #6b3b52;
transition: border-color .2s, box-shadow .2s, transform .2s;
}
.lc-guidenav__item:hover {
border-color: #e58fb4;
box-shadow: 0 6px 18px rgba(214, 120, 160, .18);
transform: translateY(-2px);
opacity: 1;
}
.lc-guidenav__item:nth-child(2) {
border-color: #cfe9e0;
}
.lc-guidenav__item:nth-child(2):hover {
border-color: #7fc9b2;
box-shadow: 0 6px 18px rgba(90, 180, 155, .18);
}
.lc-guidenav__ic {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: linear-gradient(135deg, #fbe6ef, #f7d3e3);
color: #d1699a;
}
.lc-guidenav__item:nth-child(2) .lc-guidenav__ic {
background: linear-gradient(135deg, #e0f4ee, #cdece1);
color: #3f9c81;
}
.lc-guidenav__ic svg {
width: 22px;
height: 22px;
}
.lc-guidenav__tx {
display: flex;
flex-direction: column;
gap: 3px;
font-weight: 700;
font-size: 16px;
line-height: 1.3;
}
.lc-guidenav__tx small {
font-weight: 400;
font-size: 12px;
color: #9b7c8b;
letter-spacing: .02em;
}

/* 上段／下段の大見出し */
.lc-guidepart {
margin-top: 44px;
padding-top: 8px;
}
.lc-guidepart__head {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 6px;
padding: 14px 20px;
border-radius: 12px 12px 0 0;
background: linear-gradient(135deg, #f9dce8, #f6cadd);
color: #6b3b52;
font-size: 21px;
font-weight: 700;
letter-spacing: .04em;
}
.lc-guidepart__head small {
font-size: 12px;
font-weight: 500;
letter-spacing: .16em;
color: #a9718c;
}
.lc-guidepart__head--emerald {
background: linear-gradient(135deg, #d8f0e8, #c6e9dd);
color: #2f6b59;
}
.lc-guidepart__head--emerald small {
color: #4e9480;
}
.lc-guidepart--faq {
margin-top: 56px;
}
@media (max-width: 600px) {
.lc-guidepart__head {
font-size: 18px;
padding: 12px 16px;
}
}

/* セクション間の相互移動ボタン */
.lc-guidejump {
margin: 30px 0 8px;
text-align: center;
}
.lc-guidejump__btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 30px;
border-radius: 999px;
background: #fff;
border: 2px solid #e8b6cd;
color: #c0608e;
font-weight: 700;
font-size: 15px;
text-decoration: none;
transition: background .2s, color .2s, box-shadow .2s;
}
.lc-guidejump__btn:hover {
background: #c0608e;
border-color: #c0608e;
color: #fff;
box-shadow: 0 6px 16px rgba(192, 96, 142, .28);
opacity: 1;
}
.lc-guidejump__arrow {
font-size: 12px;
line-height: 1;
}


/* -----------------------------------------------------
 * 9) 料金システム：シミュレーター（2026-08-02 追加）
 *    ・既存の .lc-sim 系（front.css 565-578行）を土台に、
 *      現行ページの意匠（lc-pblock の枠）へ馴染ませる補正
 *    ・親テーマの button 既定スタイルを打ち消す
 *    ・通常コース下の延長ブロック削除に伴う注記スタイル
 * ----------------------------------------------------- */

/* 通常コース下の税込注記（旧 lc-pext__note の代替） */
.lc-ncourse__note {
margin: 12px 0 0;
text-align: right;
font-size: 11.5px;
color: var(--muted);
}

/* シミュレーターのブロック枠 */
.lc-pblock--sim {
margin-top: 22px;
}
.lc-pblock--sim .lc-pblock__ttl {
color: var(--emerald-dark);
}

/* 入力グリッド：3カラムに拡張（項目が6つあるため） */
.lc-pblock--sim .lc-sim__grid {
grid-template-columns: repeat(3, 1fr);
}
.lc-pblock--sim .lc-sim__lbl {
display: block;
}

/* select の見た目を統一 */
.lc-pblock--sim .lc-sim__grid select {
width: 100%;
color: var(--ink);
font-weight: 600;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23078b84' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 10px 7px;
padding-right: 30px;
}
.lc-pblock--sim .lc-sim__grid select:focus {
outline: 2px solid var(--emerald);
outline-offset: 1px;
}

/* オプション折りたたみ */
.lc-sim__options summary {
list-style: none;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
background: #fff;
border: 1px solid var(--line);
border-radius: 8px;
}
.lc-sim__options summary::-webkit-details-marker {
display: none;
}
.lc-sim__options summary::before {
content: "＋";
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--emerald);
color: #fff;
font-size: 12px;
line-height: 1;
flex: 0 0 auto;
}
.lc-sim__options[open] summary::before {
content: "−";
}
.lc-sim__optcount {
margin-left: auto;
font-size: 11.5px;
font-weight: 700;
color: var(--pink-dark);
}

/* オプションのチェックボックス一覧 */
.lc-sim__option-list {
grid-template-columns: repeat(3, 1fr);
max-height: 320px;
overflow-y: auto;
padding: 2px;
}
.lc-sim__option-list label {
border: 1px solid var(--line);
font-size: 12.5px;
cursor: pointer;
transition: border-color .15s, box-shadow .15s;
}
.lc-sim__option-list label:hover {
border-color: var(--emerald);
}
.lc-sim__option-list label.is-featured {
border-color: #f7dbe7;
background: #fff8fb;
}
.lc-sim__option-list input[type="checkbox"] {
flex: 0 0 auto;
width: 16px;
height: 16px;
accent-color: var(--emerald);
margin: 0;
}
.lc-sim__optname {
flex: 1 1 auto;
font-weight: 600;
line-height: 1.35;
}
.lc-sim__optprice {
flex: 0 0 auto;
font-weight: 800;
font-size: 12px;
color: var(--deep-green);
}

/* 選択解除ボタン（親テーマの button 既定を打ち消す） */
.lc-sim__optreset {
margin: 10px 0 0;
text-align: right;
}
.lc-sim__optreset button {
background: #fff;
border: 1px solid var(--line);
color: var(--muted);
border-radius: 8px;
padding: 6px 14px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
line-height: 1.4;
}
.lc-sim__optreset button:hover,
.lc-sim__optreset button:focus {
background: #fff;
border-color: var(--emerald);
color: var(--emerald-dark);
}

/* 内訳表示 */
.lc-sim__breakdown {
margin-top: 14px;
padding: 12px 14px;
background: #fff;
border: 1px solid var(--line);
border-radius: 10px;
}
.lc-sim__bdlist {
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
}
.lc-sim__bdlist li {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 5px 0;
border-bottom: 1px dashed var(--line);
}
.lc-sim__bdlist li:last-child {
border-bottom: 0;
}
.lc-sim__bdlist li.is-discount span:last-child {
color: var(--pink-dark);
}
.lc-sim__bdlist .lc-sim__bdname {
color: var(--ink);
font-weight: 600;
}
.lc-sim__bdlist .lc-sim__bdprice {
font-weight: 800;
white-space: nowrap;
}

/* 合計表示 */
.lc-pblock--sim .lc-sim__result {
margin-top: 16px;
padding-top: 14px;
border-top: 2px solid #fff;
}
.lc-pblock--sim .lc-sim__total {
line-height: 1.1;
}

/* レスポンシブ */
@media (max-width: 1024px) {
.lc-pblock--sim .lc-sim__grid {
grid-template-columns: repeat(2, 1fr);
}
.lc-sim__option-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.lc-pblock--sim .lc-sim__grid {
grid-template-columns: 1fr;
}
.lc-sim__option-list {
grid-template-columns: 1fr;
max-height: 260px;
}
.lc-pblock--sim .lc-sim__total {
font-size: 26px;
}
.lc-ncourse__note {
text-align: left;
}
}


/* ==== lc-header-banner-pc (PC only page header banner) ==== */
.lc-header-banner-pc{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:50% 50%;
  margin:0;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
@media (max-width:640px){
  .lc-header-banner-pc{ border-radius:8px; box-shadow:0 3px 10px rgba(0,0,0,.10); }
}


/* ==== 求人ページ（lcr-*）：スマホの文字サイズを読みやすく調整 ==== */
@media (max-width: 767px) {
  .lcr-cta__notes { font-size: 13px !important; }
  .lcr-env__label { font-size: 13.5px !important; }
  .lcr-env__note { font-size: 13.5px !important; }
  .lcr-pcard__d { font-size: 14.5px !important; line-height: 1.5 !important; }
  .lcr-pill { font-size: 14px !important; }
  .lcr-cta__sub { font-size: 15px !important; }
  .lcr-h2 { font-size: 22px !important; }
  .lcr-cta__lead { font-size: 20px !important; }
}

/* ==== 求人（地元）ページ：完成バナー画像をスマホでタップ拡大できるように ==== */
@media (max-width: 767px) {
  .lcr-sec--image-banner .lcr__inner { width: calc(100% - 12px) !important; }
  .lcr-complete-banner { cursor: zoom-in; }
  .lcr-zoom-badge {
    display: block;
    width: max-content;
    margin: 10px auto 0;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg,#ff8fb0,#ef4c7e);
    padding: 6px 14px;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(239,76,126,.35);
  }
  .lcr-zoom-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
  }
  .lcr-zoom-overlay img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
  }
}

/* LOVE CLOVER approved home/girls UI update 2026-08-30 */
/* Scope: front-page titles/schedule cards and /girls/ reservation buttons only. */
.home .lc-section-title.lc-section-title--art {
	align-items: center;
	gap: 12px;
	margin: 34px 0 16px;
}
.home .lc-section-title--art h2 {
	display: block;
	flex: 1 1 auto;
	width: min(760px, 100%);
	max-width: 760px;
	margin: 0;
	line-height: 0;
}
.home .lc-section-title--art .lc-home-title-art {
	display: block;
	width: 76.5%;
	height: auto;
}
.home .lc-section-title--art .lc-section-title__more {
	flex: 0 0 auto;
	white-space: nowrap;
}

.home .lc-tsc__body > .lc-tsc__book,
.post-type-archive-cast .lc-cast-card__btn--book {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	box-sizing: border-box;
	border: 2px solid #9b59c7 !important;
	border-radius: 999px;
	background: #fff;
	color: #8a43b8 !important;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 3px 9px rgba(115, 61, 155, .15);
}
.home .lc-tsc__body {
	justify-content: flex-start;
	flex: 1 1 auto;
	min-height: 0;
}
.home .lc-tsc__body > .lc-tsc__book {
	position: static;
	width: min(90%, 198px);
	height: 65px;
	margin: auto auto 0;
	padding: 0 14px;
	font-size: 14px;
}
.post-type-archive-cast .lc-cast-card__btn--book {
	width: 90%;
	height: 37px;
	margin: 0 auto;
	padding: 0 8px;
	font-size: 12px;
}
.home .lc-tsc__body > .lc-tsc__book::before,
.post-type-archive-cast .lc-cast-card__btn--book::before {
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V2zm11 8H6v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-9zM7 6a1 1 0 0 0-1 1v1h12V7a1 1 0 0 0-1-1H7z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V2zm11 8H6v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-9zM7 6a1 1 0 0 0-1 1v1h12V7a1 1 0 0 0-1-1H7z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.home .lc-tsc__body > .lc-tsc__book:hover,
.post-type-archive-cast .lc-cast-card__btn--book:hover {
	background: #fbf7fe;
	color: #7a35a8 !important;
	filter: none;
}
.post-type-archive-cast .lc-cast-card__btn--book svg {
	display: none;
}

@media (max-width: 760px) {
	.home .lc-section-title.lc-section-title--art {
		align-items: flex-end;
		gap: 6px;
		margin: 24px 0 12px;
	}
	.home .lc-section-title--art h2 {
		width: auto;
		max-width: none;
		min-width: 0;
	}
	.home .lc-section-title--art .lc-section-title__more {
		font-size: 10.5px;
		padding-bottom: 4px;
	}
	.home .lc-tsc--compact .lc-tsc__time {
		display: inline-flex !important;
		align-self: flex-start !important;
		margin: 3px 0 0 !important;
		padding: 2px 5px !important;
		border: 2px solid #51d0b3 !important;
		border-radius: 999px !important;
		background: #087e68 !important;
		color: #fff !important;
		font-size: 9.5px !important;
		line-height: 1.15 !important;
		box-shadow: 0 1px 4px rgba(8, 126, 104, .22) !important;
	}
	.home .lc-tsc--compact .lc-tsc__body > .lc-tsc__book {
		display: flex !important;
		position: static !important;
		width: 90% !important;
		height: 30px !important;
		margin: 5px auto 0 !important;
		padding: 0 2px !important;
		gap: 3px !important;
		border: 2px solid #9b59c7 !important;
		background: #fff !important;
		color: #8a43b8 !important;
		font-size: 8.5px !important;
		line-height: 1 !important;
	}
	.post-type-archive-cast .lc-cast-card__btn--book {
		width: 90%;
		height: 29px;
		margin-left: auto;
		margin-right: auto;
		font-size: 9.5px;
	}
}

/* LOVE CLOVER approved final size/color tuning 2026-08-31 */
/* Scope: front-page title/button/time sizing and /girls/ filter labels/buttons only. */
.post-type-archive-cast .lc-filter label:first-of-type {
	color: #ff4f88 !important;
}

@media (min-width: 761px) {
	.post-type-archive-cast .lc-filter label {
		color: #ff4f88 !important;
	}
	.home .lc-section-title--art .lc-home-title-art {
		width: 540px !important;
		height: 120px !important;
		object-fit: fill !important;
	}
	.home .lc-tsc__body > .lc-tsc__book {
		width: 178px !important;
		height: 55px !important;
		padding: 0 12px !important;
		font-size: 13px !important;
	}
	.post-type-archive-cast .lc-cast-card__btn--book {
		width: 160px !important;
		height: 33px !important;
		font-size: 11px !important;
	}
}

@media (max-width: 760px) {
	.home .lc-tsc--compact .lc-tsc__time {
		width: 104px !important;
		min-width: 104px !important;
		height: 30px !important;
		padding: 0 7px !important;
		justify-content: center !important;
		align-items: center !important;
		border: 2px solid #4bb8e8 !important;
		background: #fff !important;
		color: #218fbe !important;
		box-shadow: 0 1px 4px rgba(33, 143, 190, .18) !important;
		font-size: 11.5px !important;
		line-height: 1 !important;
		box-sizing: border-box !important;
	}
	.home .lc-tsc--compact .lc-tsc__body > .lc-tsc__book {
		font-size: 10.5px !important;
	}
	.post-type-archive-cast .lc-cast-card__btn--book {
		font-size: 10.5px !important;
	}
}

/* task396: upcoming(non-today) reserve button color override — must beat the purple .post-type-archive-cast .lc-cast-card__btn--book rule above */
.post-type-archive-cast .lc-cast-card__btn--book.lc-cast-card__btn--book-upcoming{border:2px solid #14b8ad !important;background:#fff !important;color:#10938a !important;box-shadow:0 3px 9px rgba(20,184,173,.15) !important;}

/* LOVE CLOVER mobile home schedule card enlargement 2026-09-03 */
/* Scope: front-page schedule cards at smartphone widths only; preserve 3 columns and all other design. */
@media (max-width: 760px) {
	.home .lc-top-sched {
		width: calc(100% + 24px) !important;
		margin-left: -12px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 5px !important;
	}

	.home .lc-tsc--compact .lc-tsc__time {
		width: 100% !important;
		min-width: 0 !important;
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}

/* LOVE CLOVER mobile home schedule attribute order 2026-09-03 */
/* Order: name/age -> tags -> shift time -> booking; smartphone front-page compact cards only. */
@media (max-width: 760px) {
	.home .lc-tsc--compact .lc-tsc__name { order: 1 !important; }
	.home .lc-tsc--compact .lc-tsc__tags { order: 2 !important; }
	.home .lc-tsc--compact .lc-tsc__time { order: 3 !important; }
	.home .lc-tsc--compact .lc-tsc__body > .lc-tsc__book { order: 4 !important; }
}

/* LOVE CLOVER unified 4:3 home hero display 2026-09-04 */
/* Reuse one 4:3 image per banner: full-width on mobile, balanced max-width on PC, no cropping. */
body.home .lc-slider {
	width: 100% !important;
	max-width: 1080px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 760px) {
body.home .lc-slider__slide img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
	object-fit: contain !important;
	object-position: center !important;
	background: #fff !important;
}
}

/* PC hero shorter banner 2026-09-08 (requested by しのぶ) */
@media (min-width: 761px) {
body.home .lc-slider__slide img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1080 / 650 !important;
	object-fit: cover !important;
	object-position: center !important;
	background: #fff !important;
}
}

@media (max-width: 768px) {
	body.home .lc-slider {
		max-width: none !important;
	}
}