/* NOTE: 2026.10.23 Claude 旧デザインのページ（common/template/header.html を読み込むページ）を、新デザインの色と書体にそろえる。
   本文の見た目は common/theme-d/site.css（前の案。色は変数）を使ったまま、変数と見出しだけを上書きする。
   theme-d/site.css は 115 枚のテンプレートが古い版の番号で読んでいるので、書き換えずにこのファイルで上書きする（header.html から読む） */
html.ll-theme-d{--ll-ink:#282c28;--ll-muted:#60665e;--ll-orange:#f58200;--ll-action:#b35000;--ll-pale:#fff3df;--ll-navy:#43684f;--ll-blue:#396f9c;--ll-blue-pale:#eef3eb;--ll-line:#e7e7de;--ll-page:#fcf8f0}
.ll-theme-d .title02,.ll-theme-d .title03,.ll-theme-d .parts_title,.ll-theme-d .ll-page-intro h2,.ll-theme-d .column_detail_main_part h2{font-family:LifeSerif,'Noto Serif JP','Yu Mincho',serif;font-weight:600;letter-spacing:.04em}
.ll-theme-d input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image]),.ll-theme-d select,.ll-theme-d textarea{border-color:#d9ddd4}
.ll-theme-d .le-shell-foot{margin-top:0}
/* NOTE: 2026.10.23 Claude スマホ幅で、フォームの表（リンク設置のご案内・QA など）が画面からはみ出していたので、セルを縦に積む */
@media(max-width:700px){.ll-theme-d table.table_form,.ll-theme-d table.table_form>tbody,.ll-theme-d table.table_form>tbody>tr,.ll-theme-d table.table_form>tbody>tr>th,.ll-theme-d table.table_form>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}.ll-theme-d table.table_form input,.ll-theme-d table.table_form textarea,.ll-theme-d table.table_form select{max-width:100%;box-sizing:border-box}.ll-theme-d .box_kiyaku{max-width:100%;overflow-wrap:anywhere}}
/* NOTE: 2026.10.23 Claude 旧ページの CSS の初期化（margin:0）で、検討リストの案内（dialog）が左上に寄っていたので中央に戻す */
.le-shell dialog.le-dialog{margin:auto}
/* NOTE: 2026.10.24 Claude ⑨ コラムの「この悩みを相談する」（記事の終わりに AI が付けるもの・コラムの右の列）。資料 p.12 の画面イメージ */
.ll-article-cta{margin:32px 0 8px;padding:20px 22px;border:1px solid #f2d2b0;border-radius:14px;background:#fff7ee;color:var(--le-ink)}
.ll-article-cta p{margin:0 0 12px;font-size:14px;line-height:1.8}
.ll-article-cta .ll-article-cta-title{margin-bottom:6px;font-size:17px;font-weight:700;color:var(--le-link)}
.ll-article-cta .ll-article-cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.ll-article-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none}
.ll-article-cta-actions a.ll-article-cta-ai{background:var(--le-button);color:#fff}
.ll-article-cta-actions a.ll-article-cta-search{border:1px solid var(--le-button);background:#fff;color:var(--le-link)}
.columun_right_wrap .ll-article-cta{margin:0 0 20px}
.columun_right_wrap .ll-article-cta-actions a{flex:1 1 100%}
/* NOTE: 2026.10.26 Claude スマホで、施設の子ページ（口コミ・スタッフ・料金プランなど）の下の固定の帯が崩れていた（iPhone の Safari で確認）。
   theme-d の .box_btn の隙間（gap 8px）とボタンの左右の余白で、「資料請求・見学予約」「無料電話予約」（各 50%）が 1 行に入らず、左半分に縦に並んで本文を隠していた。
   帯の中の隙間を無くして横に並べ、ページの最後が帯に隠れないよう下に余白を取り、「ページの先頭へ」を帯の上に出す */
@media only screen and (max-width:767px){.ll-theme-d .detail_wrap .detai_bottom_box_btn{gap:0}.ll-theme-d .detai_bottom_box_btn .btn_net,.ll-theme-d .detai_bottom_box_btn .btn_tel{margin:0;width:50%}.ll-theme-d .detai_bottom_box_btn .btn_net a,.ll-theme-d .detai_bottom_box_btn .btn_tel a{border-radius:0;min-height:50px}body:has(.detai_bottom_box_btn){padding-bottom:120px}body:has(.detai_bottom_box_btn) #page_top{bottom:130px}}
/* NOTE: 2026.10.26 Claude 規約のページ（口コミの掲載基準など）の本文のリンクと、口コミの一覧の「口コミの掲載基準」が、普通の文字と見分けられなかった（スマホで確認）。新デザインのリンクの色と下線にする */
.ll-theme-d .policy_wrap a,.ll-theme-d .kuchikomi_policy a{color:var(--le-link);text-decoration:underline;text-underline-offset:3px}
/* NOTE: 2026.10.27 Claude 画面の点検の指摘（手元の写しを PC 1440・スマホ 390 で測った）への直し。
   本文の終わりからフッターまでの空きが、新デザインの 49px に対して旧ページは PC 180px（コラム 205px、/apply/ 288px）あった。
   本文の箱の下の余白（theme-d の #content の 72px）、7 行目のフッターの上の余白（40px → 0）、新デザインのフッターの上の余白（68px）を詰める */
.ll-theme-d #content{padding-bottom:16px}
.ll-theme-d .le-shell-foot .le-footer{margin-top:24px}
/* 「ページの先頭へ」（#page_top）が、開いたスマホのメニューの上に重なっていた。ヘッダー（z-index 20）より下に置く */
.ll-theme-d #page_top{z-index:15}
/* スマホの入力欄：16px 未満だと、iPhone で入力するたびに画面が拡大される */
@media(max-width:700px){.ll-theme-d input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image]),.ll-theme-d select,.ll-theme-d textarea{font-size:16px}}
/* コラムのカテゴリーの一覧：開いているカテゴリーに印を付ける（info/index.php が is-current を付ける） */
.ll-theme-d .catebutton.is-current{font-weight:700;color:var(--le-link);text-decoration:underline;text-underline-offset:3px}
/* NOTE: 2026.10.28 Claude iPhone での点検の直し。旧ページの body の中央寄せ（common/css2/base.css の text-align:center）が新デザインのフッター・メニューにも効き、旧ページだけフッターが中央寄せになっていた。新デザインのページと同じく左寄せにする */
.ll-theme-d .le-shell{text-align:left}
/* 口コミの一覧：オススメ度の欄は受領時から中身がコメントで隠してあり、どの口コミにも薄い色の空の帯だけが出ていた */
.ll-theme-d .kuchikomi_osusume{display:none}
.ll-theme-d .page_alert a{color:inherit;text-decoration:underline;font-weight:700}
/* 資料請求・見学予約の利用規約の箱：iPhone では箱の上で払うと箱の中だけが動き、ページが進まなかった（箱が画面の下半分を占めていた）。スマホの幅では低くする */
@media(max-width:767px){.ll-theme-d .support_wrap>div>.support_tos p{height:8.5rem}}
/* 資料請求・見学予約、会員登録の規約の箱：枠が無く、箱の上下で行が半分に切れて崩れたように見えていた。スクロールする箱だと分かるよう枠を付ける */
.ll-theme-d .support_wrap>div>.support_tos p{border:1px solid var(--le-line,#e6dccb);border-radius:8px;padding:10px 12px}
/* お問い合わせ・資料請求・会員登録の選択肢：2 行になると、2 行目が○の下から始まっていた。2 行目を 1 行目の文字の頭にそろえる */
@media(max-width:767px){.ll-theme-d .support_wrap>div>.support_checks>label,.ll-theme-d .support_wrap .support_checks:not([class*=register_list])>ul>li{display:flex;align-items:flex-start}.ll-theme-d .support_wrap>div>.support_checks>label>input,.ll-theme-d .support_wrap .support_checks:not([class*=register_list])>ul>li>input{flex:none;margin-top:.3em}}
/* 利用規約・会員規約・プライバシーポリシーの条の見出し（オレンジの帯）：左右の余白が 0 で、2 行になると左寄せで帯の端に貼りついていた。
   中央にそろえ、2 行の長さをそろえる（keep-all は、iPhone の Safari で「第9条（」の直後で折り返したので使わない） */
.ll-theme-d .policy_wrap h4,.ll-theme-d .tos_wrap h4{padding-inline:1rem;text-align:center;text-wrap:balance}
/* 施設登録申込（/apply/）：2022 年の contact.css に旧ページ共通の theme-d が重なり、選択欄の▼（背景の絵）が消え、項目名が色の帯の左端に貼りつき、地が灰色だった */
.ll-theme-d #contact{background:var(--le-cream,#fcf8f0)}
.ll-theme-d #contact table th{padding-left:12px}
.ll-theme-d #contact select{background:#fff url(/art_common/images/contact/arw_down.png) no-repeat right 14px center/13px auto;padding-right:36px}
@media(max-width:767px){.ll-theme-d #contact table th{padding:8px 12px}.ll-theme-d #contact .type{flex-wrap:wrap}.ll-theme-d #contact .type select,.ll-theme-d #contact .type input{width:100%}.ll-theme-d #contact .type input{margin-top:8px}}
/* コラム一覧のカテゴリーの札：受領時のピンクの文字（content.css の #ff9397）が薄い色の地に乗り、読みにくかった（文字と地の差 2.1:1）。記事のページの札と同じ色にする */
.ll-theme-d .columun_center_wrap .column_wrap .column_text .column_category{color:var(--ll-blue)}
/* NOTE: 2026.10.28 Claude 決めてほしいこと（docs の画面の点検 10/27・iPhone）を、こちらの判断で直した分（docs\こちらで決めた方針_2026-10-28.md） */
/* フォームのページ（資料請求・見学予約・会員登録・お問い合わせ・掲載申込・口コミの投稿）では、フッターのオレンジの帯を出さない（iPhone の 2。何のための帯か分かりにくく、入力の途中で別のページへ誘ってしまう） */
body:has(.support_wrap) .le-life-strip,body:has(#contact) .le-life-strip,body:has(.flow_form) .le-life-strip{display:none}
/* /about/ の「エリア検索／現在地検索／こだわり検索」の絵に重ねたリンク（about.html。PC は横に 3 つ、スマホは上に 1 つ・下に 2 つ） */
.ll-theme-d .ll-howtosearch{position:relative}
.ll-theme-d .ll-howtosearch img.pc_disp{display:block}
.ll-theme-d .ll-howtosearch>a{position:absolute;top:0;height:100%;width:33.3%;border-radius:18px}
.ll-theme-d .ll-howtosearch>a:nth-of-type(2){left:33.3%}
.ll-theme-d .ll-howtosearch>a:nth-of-type(1){left:0}
.ll-theme-d .ll-howtosearch>a:nth-of-type(3){left:66.6%}
.ll-theme-d .ll-howtosearch>a:hover{background:rgba(245,130,0,.06)}
.ll-theme-d .ll-howtosearch>a:focus-visible{outline:3px solid var(--le-orange,#f58200);outline-offset:-3px}
@media(max-width:767px){.ll-theme-d .ll-howtosearch>a{width:44%;height:50%}.ll-theme-d .ll-howtosearch>a:nth-of-type(1){left:28%;top:0}.ll-theme-d .ll-howtosearch>a:nth-of-type(2){left:4%;top:50%}.ll-theme-d .ll-howtosearch>a:nth-of-type(3){left:52%;top:50%}}
/* /about_services/ のボタン（受領時のピンク・緑のグラデーション）を、新デザインのボタン（site.css の .le-button・.le-outline）にそろえる。施設登録は白地の枠のボタン */
.ll-theme-d .about_services_button a{display:flex;align-items:center;justify-content:center;background:var(--le-button,#b35000);border:1px solid var(--le-button,#b35000);color:#fff!important;border-radius:999px;box-shadow:none;min-height:62px;padding:15px 25px;font-size:18px;line-height:1.45;transition:background .18s,box-shadow .18s}
.ll-theme-d .about_services_button a:hover{opacity:1;background:#b34f00;box-shadow:0 4px 12px #873e0025}
.ll-theme-d .btn-wrap .about_services_button a{background:#fff;color:var(--le-link,#ad4d00)!important;border-color:var(--le-orange,#f58200)}
.ll-theme-d .btn-wrap .about_services_button a:hover{background:#fff1df}
@media(max-width:767px){.ll-theme-d .about_services_button a{font-size:15px;min-height:54px;padding:13px 20px}}
/* NOTE: 2026.10.28 Claude 旧ページに入れた AI 相談の窓（footer.html の .le-shell-ai。tools/make-shell.php）。受領時の CSS（theme-d の送信ボタン・入力欄の指定、見出しの太さ・リストの印を消す指定）が
   窓の中にも効いて、送るボタンが角の丸い四角になるなど、新デザインのページの窓と見た目が違った。旧ページでだけ、窓の CSS（ai-dialog.css）の値に戻す */
.ll-theme-d .le-shell-ai .lai-send{border:0;border-radius:50%;background:var(--lai-button);min-height:0;font-weight:inherit}
.ll-theme-d .le-shell-ai .lai-primary{border:0;border-radius:25px;background:var(--lai-button);min-height:46px}
.ll-theme-d .le-shell-ai .lai-primary:disabled{background:#d8d4c8}
.ll-theme-d .le-shell-ai .lai-composer textarea{border:0;border-radius:0;background:transparent;padding:0;max-width:none;color:#282c28}
.ll-theme-d .le-shell-ai .lai-inquiry-form input:not([type=checkbox]),.ll-theme-d .le-shell-ai .lai-inquiry-form textarea{border:1px solid #cfcfc4;border-radius:10px;padding:10px 12px;color:inherit;max-width:none}
.ll-theme-d .le-shell-ai h4{font-weight:700}
.ll-theme-d .le-shell-ai .lai-notes,.ll-theme-d .le-shell-ai .lai-questions{list-style:disc}
.ll-theme-d #lai-dialog .lai-inquiry-form input:not([type=checkbox]),.ll-theme-d #lai-dialog .lai-inquiry-form textarea{border:1px solid #cfcfc4;border-radius:10px;padding:10px 12px;line-height:inherit;max-width:none}
.ll-theme-d #lai-dialog .lai-primary{padding:0 22px}
/* NOTE: 2026.10.28 Claude 旧ページの題を h1 にした（h1 の無いページだった。画面の点検 10/27 の 10）。受領時の CSS が h2・h3 に結び付いていた所は、同じ見た目になるように h1 にも当てる
   （/about/・/about_services/ の大見出しは css2/content.css の #main_image_sub h2、施設の子ページの施設名は .name_part h3 と theme-d の同じ指定） */
.ll-theme-d #main_image_sub h1{font-size:2.5rem;font-weight:700;text-align:center;position:relative;margin-bottom:5rem;margin-top:4rem}
.ll-theme-d #main_image_sub .back_ground_top h1{color:#fff;text-shadow:0 7px 7px black}
@media only screen and (max-width:767px){.ll-theme-d #main_image_sub h1{font-size:19px!important;margin-bottom:0!important;margin-top:2rem!important}}
.ll-theme-d .detail_wrap .detail_head_part .name_part h1{color:var(--ll-navy);font-size:clamp(23px,3vw,34px);font-weight:700;font-feature-settings:'palt';line-height:1.6;width:100%}
@media only screen and (max-width:767px){.ll-theme-d .detail_wrap .detail_head_part .name_part h1{margin:0 0 .5rem}}
.ll-theme-d .service_top_img h1{margin-top:0!important}
/* NOTE: 2026.10.28 Claude 2 回目の全体の点検の直し。
   マイページのトップの入口（mypage/edit.html。受領時は本文が空だった）。横のメニューと同じく、項目を線で区切って並べる */
.ll-theme-d .ll-mypage-links{margin:0;padding:0;list-style:none}
.ll-theme-d .ll-mypage-links li+li{border-top:1px solid var(--le-line,#e6dccb)}
.ll-theme-d .ll-mypage-links a{display:block;position:relative;padding:18px 40px 18px 4px;color:inherit;text-decoration:none}
.ll-theme-d .ll-mypage-links a::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;opacity:.45;transform:translateY(-50%) rotate(45deg)}
.ll-theme-d .ll-mypage-links b{display:block;font-size:17px;color:var(--le-link,#ad4d00)}
.ll-theme-d .ll-mypage-links span{display:block;margin-top:4px;font-size:14px;line-height:1.7}
.ll-theme-d .ll-mypage-links a:hover b{text-decoration:underline}
/* ログイン・パスワードの再発行と再設定もフォームのページなので、10/28 のほかのフォームと同じく、フッターのオレンジの帯を出さない */
body:has(.login_wrap) .le-life-strip{display:none}
/* 現在地から探すの待ちの画面の文（n/s_list_new30.html） */
.ll-theme-d .ll-geo{margin:0;padding:24px 4px 40px;line-height:1.8}
/* 旧デザインのページの題（10/28 に h1 にした）：言葉の途中で折り返し、最後の行に 1〜2 文字だけ落ちていた（スマホの資料請求「花べ／るじゅ星崎 資料請求・見／学予約」）。
   新デザインと同じく、空白・読点・句点の所で折り返す。施設名にかっこがある見出しは、iPhone が「（」の直後で折り返すので通常の折り返し（facility-page.php が data-ll-paren を付ける） */
.ll-theme-d h1{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
/* Chrome・Edge は文節で折り返す（site.css の 10/28 の 2 回目の点検の NOTE と同じ考え。keep-all は 1 行に入らない塊の端で 1〜2 字を落とすことがある） */
@supports (word-break:auto-phrase){.ll-theme-d h1{word-break:auto-phrase}}
.ll-theme-d h1[data-ll-paren]{word-break:normal;line-break:strict;text-wrap:pretty}
/* 検討リストの施設名：1 文字だけ次の行に落ちていた（スマホ「…花べるじゅ星／崎」）。かっこのある施設名もあるので keep-all にはしない */
.ll-theme-d .search_result_wrap .tit01{line-break:strict;text-wrap:pretty}
/* コラム：959px 以下で右の列（⑨ の「この悩みを相談する」とスマホ用の人気記事）が丸ごと隠れていた（content.css）。本文の下に出す。
   記事のページは、カテゴリーの箱が題より上に来ていたので、本文 → 相談 → カテゴリーの順に並べる */
@media(max-width:959px){
.ll-theme-d .flex_wrap>.columun_right_wrap{display:block;flex-basis:100%;width:100%;max-width:none}
.ll-theme-d .flex_wrap:has(.column_detail_main_part)>.columun_center_wrap{order:1}
.ll-theme-d .flex_wrap:has(.column_detail_main_part)>.columun_right_wrap{order:2}
.ll-theme-d .flex_wrap:has(.column_detail_main_part)>.columun_left_wrap{order:3}
}
/* スマホのお問い合わせ・資料請求の欄：content.css の .support_wrap > div > div > textarea（14px）が 10/27 の 16px の指定に勝ち、iPhone で入力すると画面が拡大されていた */
@media(max-width:700px){.ll-theme-d .support_wrap input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image]),.ll-theme-d .support_wrap select,.ll-theme-d .support_wrap textarea,.ll-theme-d #contact textarea,.ll-theme-d #contact select{font-size:16px}}
/* マイページの入口：箱（.mypage_wrap）が中身を中央に寄せる flex で、項目の列が右寄りの幅になっていた。箱の幅いっぱいに並べる */
.ll-theme-d .mypage_wrap>.ll-mypage-links{flex:1 1 100%}