@charset "UTF-8";
/* 2026-11-08 トップページの仕上げ：色を緑にそろえる・見出しの統一・余白とスマホの長さを整理 */

/* ===== 1. 背景を「白」と「うす緑」で交互にして区切りを分かりやすく ===== */
#ke-feature4{background:#fff!important}
#ke-specialty-cards{background:#f4f8f1!important}
#ki-blog-lower,#ki-blog-lower .top_blog_wrapper,#ki-blog-lower .top_blog,#ki-blog-lower .top_blog_section,#ki-blog-lower .top_blog_heading,#ki-blog-lower .top_blog_list,#ki-blog-lower .top_blog_item{background:none #fff!important}
#ke-clinic-intro{background:#f4f8f1!important;border-bottom:0!important}
#ke-symptoms,#ke-symptoms > .bg_gray{background:#fff!important}

/* ===== 2. 見出しをそろえる（大きさ・色・太さ） ===== */
#ke-feature4 h2,#ke-specialty-cards h2,#ke-clinic-intro h2,.ke-local-access .ke-la-body h2,#ki-blog-lower .top_blog > h2,.top_news_column .top_news > h2,#ke-symptoms h2{
  font-family:inherit!important;font-size:26px!important;font-weight:700!important;line-height:1.5!important;color:#354929!important;letter-spacing:.02em!important}
#ke-specialty-cards .ke-b-eyebrow,#ke-clinic-intro .ki-label{color:#5f7f24!important;font-weight:700;letter-spacing:.12em}
#ke-symptoms h2{background:none!important;border:0!important;padding:0!important;margin:0 0 12px!important;text-align:center!important}
#ke-symptoms h2:before,#ke-symptoms h2:after{content:none!important}

/* ===== 3. 「当院の診療・治療について」を緑の色にそろえる ===== */
#ke-specialty-cards{color:#2f4424!important}
#ke-specialty-cards .ke-b-care-heading p{color:#52614b!important}
#ke-specialty-cards .ke-b-care-row{border-color:#d8e1cc!important;border-radius:10px!important}
#ke-specialty-cards .ke-b-care-category{background:#eef4e4!important}
#ke-specialty-cards .ke-b-care-index{color:#5f7f24!important;font-weight:700}
#ke-specialty-cards h3{color:#2f4424!important;text-decoration:none!important}
#ke-specialty-cards .ke-b-care-links a{border-bottom-color:#e3ead7!important;color:#2f4424!important}
#ke-specialty-cards .ke-b-care-links small{color:#5d6b51!important}
#ke-specialty-cards .ke-b-care-links strong{color:#3d5a1e!important}
#ke-specialty-cards .ke-b-care-links a>span{color:#8fb35a!important;font-weight:700}
#ke-specialty-cards .ke-b-care-links a:hover{background:#f6f9f0!important}
#ke-specialty-cards a:focus-visible{outline-color:#5a7d1e!important}

/* ===== 4. 「院長・クリニック紹介」を緑の色にそろえる ===== */
#ke-clinic-intro,#ke-clinic-intro p{color:#2f4424!important}
#ke-clinic-intro h2{color:#354929!important}
#ke-clinic-intro .ki-credential{color:#5d6b51!important}
#ke-clinic-intro .ki-links a{color:#4f7020!important;border-bottom-color:#b9cf95!important;font-weight:700}
#ke-clinic-intro figcaption{color:#354929!important}
#ke-clinic-intro a.ki-movie{background:#fff!important;border-color:#c5d8a6!important}
#ke-clinic-intro a.ki-movie strong{color:#2f4424!important}
#ke-clinic-intro a.ki-movie small{color:#52614b!important}
#ke-clinic-intro a.ki-movie .ki-play{color:#7a9a3c!important}
#ke-clinic-intro a:focus-visible{outline-color:#5a7d1e!important}

/* ===== 5. 読みやすさ：文字の色と小さすぎる文字 ===== */
/* ブログの記事タイトル：茶色→濃い緑、少し大きく */
#ki-blog-lower .top_blog_item h3,#ki-blog-lower .top_blog_item h3 a{color:#2f4424!important}
#ki-blog-lower .top_blog_item .top_blog_date{font-size:12.5px!important;color:#5d6b51!important}
/* 症状の説明文：真っ黒→ほかと同じ濃い緑 */
#ke-symptoms .ke-sym-lead{color:#354929!important}
/* 白内障・多焦点カードの注意書きなど、小さすぎる文字を少し大きく */
#ke-preview-lens .ke-lens-note{font-size:12.5px!important;color:#5d6b51!important}
#ke-preview-lens .ke-lens-label{color:#5f7f24!important}
#ke-preview-lens h2{font-weight:700!important;letter-spacing:.02em!important}
/* 診療時間表の「受付11時まで」 */
#ke-hours td span{font-size:12px!important}

/* ===== 6. PC：余白を少し詰める・見出しの大きさをそろえる ===== */
@media(min-width:768px){
#ke-specialty-cards{padding:44px 25px!important}
#ke-clinic-intro{padding:44px 30px!important}
#ki-blog-lower{padding:44px 25px 36px!important}
#ke-feature4{padding:40px 25px!important}
#ke-preview-lens h2{font-size:27px!important}
#ki-blog-lower .top_blog_item h3{font-size:15px!important;line-height:1.65!important}
#ke-preview-lens .ke-lens-label{font-size:13px!important}
}

/* ===== 7. スマホ：見やすさを保ったまま無駄な空間を減らす ===== */
@media(max-width:767px){
/* 見出し */
#ke-feature4 h2,#ke-specialty-cards h2,#ke-clinic-intro h2,.ke-local-access .ke-la-body h2,#ki-blog-lower .top_blog > h2,.top_news_column .top_news > h2,#ke-symptoms h2{font-size:22px!important}
/* 予約ボタンの小さい文字 */
#ke-hours .cta small{font-size:12px!important}
#ke-hours td span{font-size:11.5px!important}
/* 白内障・多焦点の2枚：写真を低く、文字を少し小さく */
#ke-preview-lens{padding:20px 5%!important}
#ke-preview-lens .ke-preview-pair{gap:14px!important}
#ke-preview-lens .ke-lens-image,#ke-preview-lens .ke-lens-image img{height:150px!important}
#ke-preview-lens .ke-lens-image img{object-fit:cover!important}
#ke-preview-lens .ke-lens-image.lens-image{padding:10px!important;height:150px!important;background:#eff4e7!important}
#ke-preview-lens .ke-lens-image.lens-image img{height:130px!important;width:100%!important;object-fit:contain!important}
#ke-preview-lens .ke-pair-body{padding:14px 16px 16px!important}
#ke-preview-lens .ke-lens-label{font-size:12.5px!important;margin:0 0 2px!important}
#ke-preview-lens h2{font-size:22px!important;margin:0 0 6px!important}
#ke-preview-lens .ke-pair-description{font-size:14px!important;line-height:1.75!important}
#ke-preview-lens .ke-lens-action{padding-top:12px!important}
#ke-preview-lens .ke-lens-button{padding:12px 10px!important}
#ke-preview-lens .ke-lens-note{margin-top:6px!important}
/* 診療時間表の左の列（午前・午後）を少し大きく */
#ke-hours tbody th{font-size:12.5px!important}
/* 診療・治療：1行ずつの高さを詰める */
#ke-specialty-cards{padding:26px 5%!important}
#ke-specialty-cards .ke-b-care-heading{margin-bottom:16px!important}
#ke-specialty-cards .ke-b-care-heading p{font-size:14.5px!important;margin-top:6px!important}
#ke-specialty-cards .ke-b-care-rows{gap:14px!important}
#ke-specialty-cards .ke-b-care-category>img{aspect-ratio:16/6!important}
#ke-specialty-cards .ke-b-care-category>div{padding:10px 16px!important}
#ke-specialty-cards h3{font-size:18px!important;margin-top:0!important}
#ke-specialty-cards .ke-b-care-links{padding:0 16px!important}
#ke-specialty-cards .ke-b-care-links a{min-height:0!important;padding:11px 26px 11px 0!important}
#ke-specialty-cards .ke-b-care-links small{font-size:13px!important;line-height:1.5!important;margin:0 0 1px!important}
#ke-specialty-cards .ke-b-care-links strong{font-size:16.5px!important;line-height:1.5!important}
/* ブログ：スマホはカードを横にスワイプして見る形（画面の端から端まで） */
#ki-blog-lower{padding:26px 5%!important}
#ki-blog-lower .top_blog_list{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:5vw;gap:12px!important;flex:0 0 calc(100% + 10vw)!important;width:calc(100% + 10vw)!important;max-width:none!important;box-sizing:border-box!important;margin:0 -5vw!important;padding:0 5vw 6px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#ki-blog-lower .top_blog_list::-webkit-scrollbar{display:none}
#ki-blog-lower .top_blog_list .top_blog_item{display:block!important;flex:0 0 62%!important;width:auto!important;min-width:0;scroll-snap-align:start}
#ki-blog-lower .top_blog_section::after{content:"横にスワイプできます →";display:block;margin-top:4px;font-size:12.5px;line-height:1.6;color:#5d6b51;text-align:right}
#ki-blog-lower .top_blog_section + .top_blog_section{margin-top:18px!important}
#ki-blog-lower .top_blog_item h3{font-size:14px!important;line-height:1.6!important}
#ki-blog-lower .top_blog_item .top_blog_date{font-size:12px!important}
/* 院長・クリニック紹介 */
#ke-clinic-intro{padding:26px 5%!important}
#ke-clinic-intro .ki-doctor{gap:16px!important}
#ke-clinic-intro .ki-portrait{max-width:220px!important}
#ke-clinic-intro h2{margin-bottom:12px!important}
#ke-clinic-intro p{font-size:15.5px!important;margin-bottom:12px!important}
#ke-clinic-intro .ki-name{margin:8px 0 4px!important}
#ke-clinic-intro .ki-credential{margin-bottom:10px!important}
#ke-clinic-intro .ki-gallery{margin-top:18px!important}
#ke-clinic-intro a.ki-movie{margin:20px -5vw 0!important}
#ke-clinic-intro a.ki-movie strong{font-size:22px!important}
#ke-clinic-intro a.ki-movie small{font-size:14.5px!important}
/* 特長・症状 */
#ke-feature4{padding:24px 0 18px!important}
#ke-feature4 .kf-hint{font-size:12.5px!important;color:#5d6b51!important}
#ke-symptoms > .bg_gray{padding-top:26px!important;padding-bottom:26px!important}
#ke-symptoms .ke-sym-lead{font-size:14.5px!important;margin-bottom:14px!important;padding:0 4%!important;text-align:left!important}
}