@charset "utf-8";:root{--header-bar-link-color:#273349;--header-bar-link-color-8p:rgba(39,51, 73,.08);--header-bar-link-color-34p:rgba(39,51, 73,.34);--header-bar-bg-color:#ffffff;--base-font-color:#3c3c3c;--base-font-color-8p:rgba(60,60, 60,.08);--base-font-color-34p:rgba(60,60, 60,.34);--container-bg-color:#ffffff;--primary-color:#397595;}body,#gotop.pc i::before,#gotop.pc i::after,.label::after,.loop-section.magazine:not(.mobile) .loop-article{background-color:#ffffff;}.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{font-weight:normal;font-style:normal;}.entry,.widget-box .dp_text_widget,.widget-box .textwidget{font-size:16px;}.mb-theme .entry,.mb-theme .widget-box .dp_text_widget,.mb-theme .widget-box .textwidget{font-size:16px;}.dp-container .entry a,.dp-container .dp_text_widget a,.dp-container .textwidget a{color:#344b91;}.dp-container .entry a:hover,.dp-container .dp_text_widget a:hover,.dp-container .textwidget a:hover{color:#3e6199;}.loop-section.normal .loop-article::before,.loop-section.normal .loop-article::after,.loop-article.portfolio.mobile::before,.loop-article.portfolio.mobile::after,.inside-title::before,.wd-title::before,.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before,.entry ol li::before,.dp_text_widget ol li::before,.textwidget ol li::before,.dp-container pre,input[type="submit"],button[type="submit"],.search-form .submit-area button.search-btn,.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active,.single-nav .navlink::before,.single-nav .desc,.single_float_div .share-tgl,#switch_comment_type .active_tab,.footer_bar{color:#ffffff;background-color:#397595;}.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before{border:3px solid rgba(255,255,255,.64);}.inside-title::after,.wd-title::after{background-color:#397595;}.header_bar::before,.global_menu_ul .sub-menu,.global_menu_ul.mq-mode,.modal_wrapper.main_menu,.loop-section.as-mega-menu .loop-article,.loop-section.as-mega-menu .loop-date{color:#273349;background-color:#ffffff;}.header_bar{border-color:rgba(255,255,255,.8);}.header_bar,.header_bar a,.modal_wrapper.main_menu a{color:#273349;}.global_menu_nav .nav_chaser,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover,.global_menu_ul.no_pjax .menu-item.current-menu-item>a,.main_slide_menu.no_pjax .menu-item.current-menu-item>a{background-color:#7cc2ea;}.header_bar .header_trigger_btn.hidden_menu>span i,.header_bar .header_trigger_btn.hidden_menu>span::before,.header_bar .header_trigger_btn.hidden_menu>span::after{background-color:#273349;}.main_slide_menu.no_pjax  .menu-item.current-menu-item>a,.global_menu_ul.no_pjax  .menu-item.current-menu-item>a,.global_menu_ul:not(.mq-mode)>.menu-item:hover>a,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover{color:#ffffff;}.main_slide_menu .menu-item,.main_slide_menu .menu-item:first-child,.main_slide_menu .menu-item .expand{border-color:rgba(39,51,73,.32);}.hidden_window{color:#fff;background-color:#2a3451;}.hidden_area_list,#hidden-searchform .words-area{background-color:rgba(255,255,255,.1);}.hidden_window a,#hidden-searchform,#hidden-searchform a,#hidden-searchform input.search-field{color:#fff;}#hidden-searchform input.search-field::-webkit-input-placeholder{color:#fff;}#hidden-searchform input.search-field:-ms-input-placeholder{color:#fff;}#hidden-searchform .preset-words-area a.pword{background-color:rgba(255,255,255,.12);}#hidden-searchform .preset-words-area a.pword:hover{background-color:rgba(255,255,255,.22);}#hidden-searchform .words-area{border-color:rgba(255,255,255,.28);}.hidden_area_list li:nth-child(1)::before{background-color:#1E9ED4;}.hidden_area_list li:nth-child(2)::before{background-color:#21D7A8;}.hidden_area_list li:nth-child(3)::before{background-color:#FA3687;}.hidden_area_list li:nth-child(4)::before{background-color:#B0D44A;}.hidden_area_list li:nth-child(5)::before{background-color:#A865D5;}.hidden_area_list li:nth-child(6)::before{background-color:#d65e33;}.global_menu_ul:not(.mq-mode) .menu-item .menu-link,.global_menu_ul:not(.mq-mode) .menu-item .menu-link *{font-size:13px;}.header-banner-inner.pc,.header-banner-inner.pc a{color:#fff;text-shadow:0 0.28vh 0.7vh rgba(0,0,0,0.32);}.header-banner-inner.mb,.header-banner-inner.mb a{color:#fff;text-shadow:0 0.22vh 0.46vh rgba(0,0,0,0.46);}#banner_caption::before,#banner_caption::after{background-color:#fff;}.mb-theme #banner_caption::before,.mb-theme #banner_caption::after{background-color:#fff;}.hd_slider:not(.mb) .swiper-slide::before{background-color:#202f54;opacity:0.06;}.hd_slider:not(.mb) .swiper-slide:hover::before,.hd_slider:not(.mb):not(.style-fade):not(.style-horizontal):not(.style-vertical):not(.style-cube) .swiper-slide.swiper-slide-active::before{opacity:0.03;}.hd_slider.mb .swiper-slide::before{background-color:#202f54;opacity:0.29;}.pc .ct-whole{padding-top:4vh;padding-bottom:4vh;}.pc .ct-whole.not-home{padding-top:calc(4vh + 74px);}.pc .ct-whole.not-home{padding-bottom:calc(4vh + 60px);}.pc .ct-whole:not(.body-bgimg):not(.video){padding-bottom:calc(4vh + 2.5vw + 60px);}.mb-theme .ct-whole{padding-top:4vh;padding-bottom:4vh;}.mb-theme.not-home .ct-whole{padding-bottom:calc(4vh + 36px);}.dp-container,.dp-container a,#dp_breadcrumb_nav.no_title a{color:#3c3c3c;}.dp-container::before{}.dp-container::after{background-color:#ffffff;opacity:0.92;}.page-shutter,.swiper-slide .sl-meta .sl-cat,.ct-whole,.loop-bg::before,.loop-media-icon.cat-bg i.default::before,.loop-media-icon.cat-bg i.default::after,.loop-section.magazine .loop-col.one::before,.loop-section.portfolio.two .loop-table.forward,.loop-section.portfolio.two .loop-post-thumb::after,.dp_comment_list_section li.comment::after,.dp_comment_list_section li.trackback::after,.dp_comment_list_section li.pingback::after,.dp_related_posts.vertical li::after,.recent_entries li::after,.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after,.widget_categories .cat-item .count,#wp-calendar tbody td a::before,.footer::after,#gotop.pc{background-color:#397595;}.header_bar.mb::after,.loop-bg:not(.forward).gradient-bg::before,.swiper-slide .sl-content.sl-meta::before,.author_img::before,.footer_bar::before{background:linear-gradient(135deg, #397595 0%,#397595 100%);}.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active{box-shadow:5px 5px 0 #397595;}.loop-section.normal:not(.mobile) .loop-col.one,.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover{box-shadow:0 0 0 1px, 8px 8px 0 #397595;}.loop-section.news .loop-article:hover .loop-col.one{background-color:#ffffff;}.loop-section.normal.mobile .loop-col.one{box-shadow:0 0 0 1px, 4px 4px 0 #397595;}.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover .loop-col.one{box-shadow:0 0 0 1px, 8px 8px 0 rgba(57,117,149,.72);}.label_ft{box-shadow:3px 3px 0 #397595;}.dp_related_posts.vertical li,.dp_related_posts.mb li,.recent_entries li,.widget_nav_menu li a,.widget_pages li a,.widget_categories li a,.dp_comment_list_section li.depth-1{box-shadow:0 -1px 0 rgba(60,60,60,.38) inset;}.dp-container .entry a{font-weight:normal;text-decoration:none;}.dp-container .entry a:hover{text-decoration:underline;}.meta-cat .cat-link>span::before,.meta-cat .cat-link>span::after,#dp_breadcrumb_nav.no_title li::after{background-color:#3c3c3c;}input[type="checkbox"]:checked,input[type="radio"]:checked {background-color:#344b91;}select{color:#3c3c3c;}.footer select{color:#ffffff;}.dp_toc_container{border-color:rgba(57, 117, 149,.2);background:#ffffff;}.dp_toc_container::before{background:rgba(57, 117, 149,.04);}.dp_toc_container p.toc_title_block>span::before,.dp_toc_container ul.dp_toc_ul>li::before{background:rgba(57, 117, 149,.16);}.dp_toc_container ul.dp_toc_ul li a,.dp_toc_container ul.dp_toc_ul li a:hover,.dp_toc_container ul.dp_toc_ul>li li::before{color:#3c3c3c;}input.gsc-input{background-color:#ffffff!important;}#hd_searchform input.gsc-input{background-color:#ffffff!important;}td.gsc-search-button{color:#3c3c3c!important;}#hd_searchform td.gsc-search-button::before{color:#273349;}#hd_searchform td.gsc-search-button{color:#273349!important;}address{border-color:#397595;}.tagcloud a:hover{color:#ffffff;background-color:#397595;border-color:#397595;}.entry h1::after,.entry h2::after,.entry h3::after,.entry h4::after,.entry h5::after,.entry h6::after,.dp_text_widget h1::after,.dp_text_widget h2::after,.dp_text_widget h3::after,.dp_text_widget h4::after,.dp_text_widget h5::after,.dp_text_widget h6::after,.textwidget h1::after,.textwidget h2::after,.textwidget h3::after,.textwidget h4::after,.textwidget h5::after,.textwidget h6::after{box-shadow:1px 1px rgba(57,117,149,.48), 6px 18px 30px -6px rgba(60,60,60,.09);}.author_info{background-color:rgba(57,117,149,.05);}.dp-container blockquote::before,.dp-container blockquote::after,.loop-media-icon.cat-bg i::before,.loop-section:not(.portfolio) .loop-title a::before{color:#397595;}.loop-media-icon.cat-ov-color2 i::before{color:#5b8fa8;}.term-color2,.meta-cat:not(.hd-cat) .cat-link.cat-line-color2>span::before,.meta-cat:not(.hd-cat) .cat-link.cat-line-color2>span::after,.loop-bg.cat-ov-color2::before,.loop-media-icon.cat-ov-color2 i.default::before,.loop-media-icon.cat-ov-color2 i.default::after{background-color:#5b8fa8;}.meta-cat:not(.hd-cat) .cat-link.cat-line-color2>span{border-color:#5b8fa8;}.loop-media-icon.cat-ov-color3 i::before{color:#e8a87c;}.term-color3,.meta-cat:not(.hd-cat) .cat-link.cat-line-color3>span::before,.meta-cat:not(.hd-cat) .cat-link.cat-line-color3>span::after,.loop-bg.cat-ov-color3::before,.loop-media-icon.cat-ov-color3 i.default::before,.loop-media-icon.cat-ov-color3 i.default::after{background-color:#e8a87c;}.meta-cat:not(.hd-cat) .cat-link.cat-line-color3>span{border-color:#e8a87c;}.loop-media-icon.cat-ov-color4 i::before{color:#7db59a;}.term-color4,.meta-cat:not(.hd-cat) .cat-link.cat-line-color4>span::before,.meta-cat:not(.hd-cat) .cat-link.cat-line-color4>span::after,.loop-bg.cat-ov-color4::before,.loop-media-icon.cat-ov-color4 i.default::before,.loop-media-icon.cat-ov-color4 i.default::after{background-color:#7db59a;}.meta-cat:not(.hd-cat) .cat-link.cat-line-color4>span{border-color:#7db59a;}.footer-widget-content .widget-area {width:47.8%;}.footer-widget-content .widget-area.one{margin:0 3.8% 0 0;}.footer{background-image:url('https://www.haruyama-eye.jp/wp-content/uploads/2026/01/BW0X5493-scaled.jpg');}.footer,.footer::before{color:#ffffff;background-color:#397595;}#footer_menu_ul{background-color:rgba(255,255,255,.08);}.footer .lo-co{background-color:rgba(255,255,255,.16);}.footer .copyright{background-color:rgba(255,255,255,.24);}.footer a{color:#d4eef5;}.footer a:hover{color:#f4f4f4;}.footer .dp_related_posts.vertical li:not(:hover),.footer .recent_entries li:not(:hover),.footer .widget_nav_menu li a:not(:hover),.footer .widget_pages li a:not(:hover),.footer .widget_categories li a:not(:hover){box-shadow:rgba(255,255,255,.38) 0px -1px 0px inset;}.footer .more-entry-link a{border-color:#ffffff;color:#ffffff!important;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active{box-shadow:5px 5px 0 #ffffff;}.footer .tagcloud a:hover{color:#397595;background-color:#ffffff;border-color:#ffffff;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active,.footer #wp-calendar tbody td a::before,.footer .wd-title::before,.footer .wd-title::after,.footer .dp_related_posts.vertical li::after,.footer .recent_entries li::after,.footer .widget_nav_menu li a::after,.footer .widget_pages li a::after,.footer .widget_categories li a::after,.footer .search-form .preset-words-area a.pword:hover{color:#397595;background:#ffffff;}.footer .cat-item .count{color:#397595;background-color:rgba(255,255,255,.5);}.footer .search-form input.search-field,.footer .search-form::before{color:#ffffff;}.ftbar_btn, .ftbar_btn a{color:#ffffff;}.btn:not([class*="btn-"]),.loop-section.news .loop-date time,.loop-section .more-link a,.single_post_meta .loop-share-num .sitem,.author_info .author_sns a,.nav_to_paged a,.more-entry-link a,.dp-pagenavi a,.dp-pagenavi .page-numbers,.dp-pagenavi .current{border-color:#397595;color:#397595;}.btn:not([class*="btn-"]):hover,a.btn:not([class*="btn-"]):hover{border-color:#397595;}.footer .label::after{background-color:#397595;}.btn:not([class*=" btn-"])::after,.label:not([class*=" label-"]),.rank_label.has_thumb{background-color:#397595;}/* ===================================================   検索ウィンドウ：中身まで一網打尽に染める最強版=================================================== *//* 1. 背景全体・中身のエリア・フォーム自体まで全て同じブルーグリーンに強制統一 */html body #hidden_search_window,html body #hidden_search_window .hidden_area_list,html body #hidden_search_window #hidden-searchform {    background: rgba(46, 97, 131, 0.92) !important;}/* 2. 検索入力欄（テーマの強力なID指定をさらに上から叩き潰す） */html body #hidden_search_window input[type="text"],html body #hidden_search_window input[type="search"],html body #hidden_search_window input.search-field {    background: rgba(255, 255, 255, 0.95) !important;    color: #333333 !important;    border: none !important;    border-radius: 4px !important;    box-shadow: none !important;}/* 3. 入力欄の中の薄いヒント文字（プレースホルダー） */html body #hidden_search_window input::placeholder,html body #hidden_search_window input.search-field::placeholder {    color: #888888 !important;}/* 4. 「よく検索される語句」のタグボタン */html body #hidden_search_window .words-area a {    background: rgba(255, 255, 255, 0.15) !important;    color: #ffffff !important;    border: 1px solid rgba(255, 255, 255, 0.4) !important;}html body #hidden_search_window .words-area a:hover {    background: rgba(255, 255, 255, 0.3) !important;}/* ===========================================   1. 記事本文・段落：ゆったりした読みやすさ   =========================================== */.single-post .entry-content p,.entry-content p {    line-height: 2.0 !important;    margin-bottom: 1.5em !important;     color: #444 !important;}.single-post .entry-title {    letter-spacing: 0.05em;    color: #37474f;}/* カテゴリラベル */.cat-news { background-color: #5B8FA8 !important; }.cat-medical { background-color: #E8A87C !important; }.cat-daily { background-color: #7DB59A !important; }/* ===========================================   2. グループブロック・コンテナの余白調整   =========================================== *//* ブロック間の「標準的な距離」をここで定義します */.content-wrap,.wp-block-group,.entry-content > .wp-block-group {    margin-top: 2.5em !important; /* テキスト開始時にも必要な余白を確保 */    margin-bottom: 2.5em !important;    padding-top: 0 !important;}/* 【重要】コンテナの先頭が見出し(H2/H3)の場合、二重余白を防ぐために   見出し側の margin-top 抹消*/.wp-block-group > h2:first-child,.wp-block-group > h3:first-child,.wp-block-group > .wp-block-heading:first-child {    margin-top: 0 !important;}/* ===========================================   3. 見出し装飾：Fresco射線・斜体・装飾の完全リセット   ※サイト全体の見出しの暴走を確実に防ぐ安全なリセット   =========================================== */body .entry h1, body .entry-content h1,body .entry h2, body .entry-content h2,body .entry h3, body .entry-content h3,body .entry h4, body .entry-content h4,body .entry h5, body .entry-content h5,body .wp-block-heading {    background: none !important;    background-image: none !important; /* 射線を抹消 */    border: none !important;    box-shadow: none !important;    transform: none !important;    font-style: normal !important; /* 斜体解除 */    text-shadow: none !important;}/* 疑似要素も抹消 */body .entry h1::before, body .entry h1::after,body .entry h2::before, body .entry h2::after,body .entry h3::before, body .entry h3::after,body .entry h4::before, body .entry h4::after,body .entry h5::before, body .entry h5::after,body .entry-content h1::before, body .entry-content h1::after,body .entry-content h2::before, body .entry-content h2::after,body .entry-content h3::before, body .entry-content h3::after,body .entry-content h4::before, body .entry-content h4::after,body .entry-content h5::before, body .entry-content h5::after {    content: none !important;    display: none !important;}/* ===========================================   4. 球体（LENS）スタイルの再構築   =========================================== *//* --- H1: 【瞳・広がり】背景に大きく浮かぶレンズ（H1 Ver.） --- */body .entry-content h1,body .entry h1.wp-block-heading {    position: relative !important;    display: inline-block !important;    font-size: 28px !important;     font-weight: 800 !important;    color: #114b79 !important;    padding: 25px 0 10px 22px !important;     margin: 45px 0 20px 0 !important;      letter-spacing: 0.05em !important;    z-index: 1 !important;    clear: both !important;    background: none !important;}/* H1用球体本体 */body .entry-content h1::before,body .entry h1.wp-block-heading::before {    content: "" !important;    display: block !important;    position: absolute !important;    top: 3px !important;     left: -5px !important;    width: 72px !important;     height: 72px !important;    background: radial-gradient(circle at 30% 30%,                 rgba(255, 255, 255, 0.9) 0%,                 rgba(225, 238, 246, 0.6) 40%,                 rgba(26, 111, 168, 0.12) 100%) !important;    border-radius: 50% !important;    z-index: -1 !important;}/* スマホ対応（H1） */@media (max-width: 768px) {    body .entry-content h1,    body .entry h1.wp-block-heading {        font-size: 21px !important;         padding-left: 18px !important;    }    body .entry-content h1::before,    body .entry h1.wp-block-heading::before {        width: 56px !important;        height: 56px !important;        top: 2px !important;    }}/* --- 【最優先安全対策】LPページ（441, 1256）専用：H1の球体デザインを完全に打ち消し ---   ※該当ページの本文内のH1だけを狙い撃ちしてカスタムを解除するため、他ページやメニューへの影響はゼロです */.page-id-441 .entry-content h1, .page-id-441 .entry h1, .page-id-441 h1.wp-block-heading,.page-id-1256 .entry-content h1, .page-id-1256 .entry h1, .page-id-1256 h1.wp-block-heading,.postid-441 .entry-content h1, .postid-441 .entry h1, .postid-441 h1.wp-block-heading,.postid-1256 .entry-content h1, .postid-1256 .entry h1, .postid-1256 h1.wp-block-heading,.post-441 .entry-content h1, .post-441 .entry h1, .post-441 h1.wp-block-heading,.post-1256 .entry-content h1, .post-1256 .entry h1, .post-1256 h1.wp-block-heading {    position: static !important;    display: block !important;    font-size: revert !important;    font-weight: revert !important;    color: inherit !important; /* カバーブロック内のテキスト色（白など）をそのまま維持 */    padding: revert !important;    margin: revert !important;    letter-spacing: revert !important;    z-index: revert !important;    clear: revert !important;}/* LPページのH1の背後の球体（レンズ）を完全に非表示化 */.page-id-441 .entry-content h1::before, .page-id-441 .entry h1::before,.page-id-1256 .entry-content h1::before, .page-id-1256 .entry h1::before,.postid-441 .entry-content h1::before, .postid-441 .entry h1::before,.postid-1256 .entry-content h1::before, .postid-1256 .entry h1::before,.post-441 .entry-content h1::before, .post-441 .entry h1::before,.post-1256 .entry-content h1::before, .post-1256 .entry h1::before {    content: none !important;    display: none !important;}/* --- H2: 【瞳・広がり】背景に大きく浮かぶレンズ --- */body .entry-content h2,body .entry h2.wp-block-heading {    position: relative !important;    display: inline-block !important;    font-size: 24px !important;     font-weight: 800 !important;    color: #114b79 !important;    padding: 25px 0 10px 20px !important;     margin: 45px 0 20px 0 !important;     letter-spacing: 0.05em !important;    z-index: 1 !important;    clear: both !important;    background: none !important;}/* 球体本体：::beforeを復活 */body .entry-content h2::before,body .entry h2.wp-block-heading::before {    content: "" !important;    display: block !important;    position: absolute !important;    top: 5px !important;    left: -5px !important;    width: 65px !important;    height: 65px !important;    background: radial-gradient(circle at 30% 30%,                 rgba(255, 255, 255, 0.9) 0%,                 rgba(225, 238, 246, 0.6) 40%,                 rgba(26, 111, 168, 0.12) 100%) !important;    border-radius: 50% !important;    z-index: -1 !important;}/* スマホ対応（H2） */@media (max-width: 768px) {    body .entry-content h2,    body .entry h2.wp-block-heading {        font-size: 18px !important;        padding-left: 15px !important;    }}/* --- H3: 【垂直バーのみ】シンプル・スマートVer. --- */body .entry-content h3, body .entry h3.wp-block-heading {    position: relative !important;    font-size: 17px !important;    font-weight: 600 !important;    color: #114b79 !important;    padding: 4px 0 4px 18px !important;    margin: 35px 0 16px 10px !important;     display: block !important;    line-height: 1.4 !important;    z-index: 1 !important;    clear: both !important;    background: none !important;}/* 垂直バー：少しだけ細くして繊細さを演出 */body .entry-content h3::before,body .entry h3.wp-block-heading::before {    content: "" !important;    display: block !important;    position: absolute !important;    left: 0 !important;    top: 0 !important;    width: 5px !important;    height: 100% !important;    background: #1a6fa8 !important;    border-radius: 2px !important;    z-index: 2 !important;}/* 背面レンズ（::after）を完全に抹消 */body .entry-content h3::after,body .entry h3.wp-block-heading::after {    content: none !important;    display: none !important;}/* --- H4: 【整列 ＋ 下線】シンプル・クリーンVer. --- */body .entry-content h4,body .entry h4.wp-block-heading {    position: relative !important;    font-size: 16px !important;    font-weight: 700 !important;    color: #37474f !important;    padding: 0 0 8px 0 !important;    margin: 32px 0 16px 0 !important;    display: block !important;    border-bottom: 1px solid #d1d9e0 !important;    clear: both !important;    background: none !important;}/* 既存のドット装飾（::before）を完全に削除 */body .entry-content h4::before,body .entry h4.wp-block-heading::before {    content: none !important;    display: none !important;}/* ===========================================   3. 記事エリアの不要な「影・装飾」を完全に消去   =========================================== */.single-article::before, .single-article::after,.single-article:not(.has_profile):not(.as-home)::before,.single-article:not(.has_profile):not(.as-home)::after {    content: none !important;    display: none !important;    box-shadow: none !important;}.loop-article:hover, .loop-article:hover * {    transform: none !important;    box-shadow: none !important;    transition: none !important;    filter: none !important;}.loop-article {    border-bottom: 1px solid #e0e0e0 !important;    box-shadow: 0 1px 0 #dcdcdc !important;}/* ===========================================   5. 指定アーカイブのヘッダー装飾＆斜体リセット（修正版）   =========================================== *//* 斜体解除と文字の間隔調整 */:is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .hd-content * {    font-style: normal !important;    letter-spacing: 0.05em !important;}/* 枠線・平行四辺形（射線）の背景装飾を完全に抹消（より強いセレクタに変更） */:is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .ct-whole.show .hd-title:not(.single-title) span::before,:is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .ct-whole.show .hd-title:not(.single-title) span::after {    content: none !important;    display: none !important;}/* テキスト本体にかかっている変形をリセットし、背景写真に対して読みやすくする「影」を追加 */:is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .ct-whole .hd-title span {    transform: none !important;    border: none !important;    background: transparent !important;    box-shadow: none !important; /* デフォルトのズレた影を消す */    padding: 0 !important;    color: #ffffff !important;    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 0, 0, 0.6) !important; /* 文字をクッキリさせるドロップシャドウ */}/* サブタイトル（休診情報など）にも影をつけて読みやすく */:is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .ct-whole .hd-meta,:is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .ct-whole .sub-title {    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important;}/* ===========================================   6. スマホビュー：記事リストを「縦積み」に変更（修正版）   =========================================== */@media screen and (max-width: 768px) {        /* 全体の枠をブロック要素に変更（FlexboxやFloatを無効化） */    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article,    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article > a {        display: block !important;        width: 100% !important;    }        /* サムネイル画像エリアを横幅100%にして上に配置 */    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article .image,    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article .img_wrap,    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article figure {        display: block !important;        width: 100% !important;        max-width: 100% !important;        float: none !important; /* デフォルトの横並びFloatを強制解除 */        margin: 0 0 12px 0 !important;    }        /* 画像自体も横幅いっぱいまで広げる */    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article .image img,    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article figure img {        width: 100% !important;        height: auto !important;    }        /* テキストエリアを画像の下に横幅100%で配置 */    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article .title_area,    :is(body.category-2, body.category-3, body.category-4, body.tag-2, body.tag-3, body.tag-4) .loop-article .desc {        display: block !important;        width: 100% !important;        max-width: 100% !important;        float: none !important;        padding: 0 5px !important;    }}/* ===========================================   4. ヘッダー・フッター   =========================================== *//* ロゴ */#header_bar.trpt .hd-title img, #header_bar .hd-title img {    filter: none !important; opacity: 1 !important;}.hd-title img { max-height: 70px !important; width: auto !important; }.hd-caption { color: #546e7a !important; text-shadow: none !important; }/* フッターベース：グラスモーフィズム効果の追加 */#footer, .footer-area { position: relative; }#footer::before, .footer-area::before {    content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;    /* 背景を少しだけ薄くして、すりガラスのボケ味を強調 */    background: linear-gradient(135deg, rgba(57, 117, 149, 0.75) 0%, rgba(57, 117, 149, 0.6) 50%, rgba(186, 224, 229, 0.65) 100%);    -webkit-backdrop-filter: blur(8px); /* Safari対応 */    backdrop-filter: blur(8px);    z-index: 1;}#footer > *, .footer-area > * { position: relative; z-index: 2; }/* フッター左側：クリニック情報テキストの視認性強化 */#footer .location p, .footer-area .location p {    font-weight: 600 !important;    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important; /* 柔らかい影で背景負けを防ぐ */}/* フッター右側：診療時間テーブルの視認性強化 */#footer table, .footer-area table {    background-color: rgba(255, 255, 255, 0.95) !important; /* ほぼ不透明な白 */    border-radius: 6px;    overflow: hidden; /* 角丸を適用するため */    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;    border: none !important;}#footer table th, .footer-area table th,#footer table td, .footer-area table td {    color: #333 !important; /* ダークグレー文字でくっきりと */    border-color: #e0e6eb !important;    font-weight: 600 !important;}#footer table th, .footer-area table th {    background-color: #005bac !important; /* ヘッダー部分は富士山ブルー */    color: #fff !important;}/* サブページウィジェット制御 */body:not(.home) .widget-container.top,body:not(.home) .widget-content.bottom { display: none !important; }/* ===========================================   5. サイドバーの調整（検索ボタン・バナー枠線）   =========================================== */.sidebar .wp-block-search__button {    padding: 0 1.5em !important;    white-space: nowrap !important;    min-height: 42px !important;    line-height: 1 !important;    display: flex !important;    align-items: center !important;    justify-content: center !important;}.sidebar .wp-block-search__input {    min-height: 42px !important;    border: 1px solid #dcdcdc !important;}.sidebar .widget_media_image img {    border: 1px solid #dcdcdc !important;    box-sizing: border-box !important;    display: block !important;    width: 100% !important;    border-radius: 2px !important;}/* ===========================================   6. サイドバー：付箋ステッカー風インフォメーション   =========================================== */.sidebar-info-sticker {    background-color: #f9fbfd;    border: 1px dashed #b0c4de;    border-radius: 4px;    padding: 25px 15px 20px;    margin: 25px 0;    box-shadow: 2px 2px 8px rgba(0,0,0,0.04);    position: relative;}.sidebar-info-sticker::before {    content: "";    position: absolute;    top: -10px;    left: 50%;    transform: translateX(-50%) rotate(-2deg);    width: 100px;    height: 25px;    background-color: rgba(0, 91, 172, 0.15);    border-left: 2px dotted rgba(255,255,255,0.7);    border-right: 2px dotted rgba(255,255,255,0.7);    z-index: 1;}.sticker-heading {    font-weight: bold;    color: #37474f;    text-align: center;    font-size: 1.15em;    margin-bottom: 15px;    padding-bottom: 8px;    border-bottom: 2px solid #005bac;    position: relative;    z-index: 2;}.sidebar-info-sticker .info-item {    font-size: 0.9em;    line-height: 1.6 !important;    margin-bottom: 12px !important;    color: #444;}.sidebar-info-sticker .info-item:last-child {    margin-bottom: 0 !important;}.sidebar-info-sticker .info-icon {    margin-right: 6px;    font-size: 1.1em;}.sidebar-info-sticker .small-text {    font-size: 0.85em;    color: #666;    display: inline-block;    margin-top: 2px;}.sidebar-info-sticker .tel-link {    font-size: 1.3em;    font-weight: bold;    color: #005bac !important;    text-decoration: none;    letter-spacing: 0.05em;    display: block;    margin-top: 3px;}/* ===========================================   Gナビ修正 統合版   =========================================== */.nav_chaser,span.nav_chaser,.global_menu_ul .nav_chaser,.global_menu_ul > .nav_chaser,#global_menu .nav_chaser {    display: none !important;    visibility: hidden !important;    width: 0 !important;    height: 0 !important;    opacity: 0 !important;}.global_menu_ul:not(.mq-mode) > .menu-item > .menu-link {    -webkit-transform: none !important;    -ms-transform: none !important;    transform: none !important;    background: transparent !important;}.global_menu_ul:not(.mq-mode) > .menu-item > .menu-link:hover {    background: transparent !important;}.global_menu_ul:not(.mq-mode) .menu-item .menu-link .menu-title {    font-size: 16px !important;    -webkit-transform: none !important;    transform: none !important;}.global_menu_ul:not(.mq-mode) > .menu-item > .menu-link:hover,.global_menu_ul:not(.mq-mode) > .menu-item > .menu-link:hover .menu-title {    color: inherit !important;}.global_menu_ul:not(.mq-mode) > .menu-item > .menu-link:hover::after {    content: "" !important;    display: block !important;    position: absolute !important;    bottom: 0 !important;    left: 50% !important;    transform: translateX(-50%) !important;    width: 60% !important;    height: 3px !important;    background: #5ba8c8 !important;    border-radius: 2px !important;}.global_menu_ul:not(.mq-mode) > .current-menu-item > .menu-link,.global_menu_ul:not(.mq-mode) > .current-menu-item > .menu-link .menu-title,.global_menu_ul:not(.mq-mode) > .current_page_item > .menu-link,.global_menu_ul:not(.mq-mode) > .current_page_item > .menu-link .menu-title,.global_menu_ul:not(.mq-mode) > .menu-item-has-children > .menu-link,.global_menu_ul:not(.mq-mode) > .menu-item-has-children > .menu-link .menu-title {    color: inherit !important;}.global_menu_ul:not(.mq-mode) > .current-menu-item > .menu-link::after,.global_menu_ul:not(.mq-mode) > .current_page_item > .menu-link::after {    content: "" !important;    display: block !important;    position: absolute !important;    bottom: 0 !important;    left: 50% !important;    transform: translateX(-50%) !important;    width: 60% !important;    height: 3px !important;    background: #5ba8c8 !important;    border-radius: 2px !important;}.global_menu_ul:not(.mq-mode) > .menu-item > .menu-link:hover .menu-title,.global_menu_ul:not(.mq-mode) > .current-menu-item > .menu-link .menu-title,.global_menu_ul:not(.mq-mode) > .current_page_item > .menu-link .menu-title {    border-bottom: none !important;    padding-bottom: 0 !important;}.global_menu_ul:not(.mq-mode) .sub-menu .menu-link,.global_menu_ul:not(.mq-mode) .sub-menu .menu-title {    -webkit-transform: none !important;    -ms-transform: none !important;    transform: none !important;    font-size: 16px !important;}#comments, .comment-respond {    display: none !important;}/* ===========================================   モバイル用（ハンバーガーメニュー）のフォントサイズ調整=========================================== *//* 1. メインメニュー（第1階層）のサイズ */#global_menu_ul.mq-mode > .menu-item > .menu-link .menu-title {    font-size: 18px !important;}/* 2. サブメニュー（初めての方へ 等）のサイズ */#global_menu_ul.mq-mode .sub-menu .menu-link .menu-title {    font-size: 16px !important;}/* ===========================================   症状チェックリストのデザイン   =========================================== */.symptom-check-section {    padding: 60px 20px;    background-color: #f9fbfd;    text-align: center;    margin-bottom: 40px;}.symptom-header {    margin-bottom: 40px;}.symptom-header .en-sub {    display: block;    color: #546e7a;    font-size: 14px;    font-weight: 600;    letter-spacing: 0.1em;    margin-bottom: 5px;    text-transform: uppercase;}.symptom-header .ja-main {    font-size: 24px;    font-weight: bold;    color: #37474f;    margin: 0;}.symptom-header .highlight {    color: #005bac;}.symptom-grid {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 20px;    max-width: 1000px;    margin: 0 auto;}@media (max-width: 768px) {    .symptom-grid {        grid-template-columns: 1fr;        padding: 0 10px;    }}/* ===========================================   1. 症状別ボタン：立体的・ブランド重視デザイン   =========================================== */.symptom-wrapper {    margin: 30px 0 60px;}.symptom-container {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 15px;}@media (max-width: 768px) {    .symptom-container { grid-template-columns: 1fr; }}.symp-item {    position: relative;    display: flex;    align-items: center;    padding: 22px 25px;    background: #fff;    border: 1px solid #d0dbe4;    border-left: 6px solid #005bac;    border-radius: 4px;    text-decoration: none !important;    box-shadow: 0 4px 0 #e0e6eb;    transition: all 0.2s ease;}.symp-item span {    color: #333;    font-size: 17px;    font-weight: 800;    letter-spacing: 0.05em;}.symp-item:hover {    transform: translateY(2px);    box-shadow: 0 2px 0 #d0dbe4;    background-color: #f8fbff;}/* ===========================================   2. 病名一覧   =========================================== */.disease-wrapper {    margin-top: 40px;    padding: 30px;    background-color: #f1f4f7;    border-radius: 12px;}.disease-container {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 12px;}@media (max-width: 480px) {    .disease-container { grid-template-columns: 1fr; }}.disease-item {    display: flex;    align-items: center;    justify-content: space-between;    padding: 15px 20px;    background: #fff;    border: 1px solid #cfd8dc;    border-radius: 30px;    color: #455a64 !important;    font-weight: 700;    font-size: 15px;    text-decoration: none !important;    transition: background 0.3s;}.disease-item::after {    content: "\3009";    font-size: 12px;    color: #005bac;}.disease-item:hover {    background-color: #e3f2fd;    border-color: #005bac;}/* パンくずリストの視認性向上 */#dp_breadcrumb_nav,#dp_breadcrumb_nav a,#dp_breadcrumb_nav span,#dp_breadcrumb_nav li {    text-shadow:        0 0 8px rgba(0, 0, 0, 0.8),        0 2px 4px rgba(0, 0, 0, 0.6) !important;    color: #ffffff !important;    font-weight: 600 !important;}#dp_breadcrumb_nav li::after {    text-shadow:        0 0 8px rgba(0, 0, 0, 0.8),        0 2px 4px rgba(0, 0, 0, 0.6) !important;    color: #ffffff !important;}/* H1（ページタイトル）の視認性向上 */.hd-title.single-title h1,.hd-title.single-title h1 span,h1.single-title,h1.single-title span {    text-shadow:        0 0 8px rgba(0, 0, 0, 0.7),        0 2px 4px rgba(0, 0, 0, 0.5),        0 0 20px rgba(0, 0, 0, 0.3) !important;    color: #fff !important;    font-weight: 700 !important;}/* モバイル時のページタイトル中央配置 */@media screen and (max-width: 768px) {    /* 親コンテナ：中央配置 */    .hd-content {        display: flex !important;        justify-content: center !important;        align-items: center !important;        width: 100% !important;    }    /* h1自体がflexなので、justify-contentで中央に */    h1.hd-title.single-title {        justify-content: center !important;        text-align: center !important;        width: 100% !important;    }    /* 中のspanも念押し */    h1.hd-title.single-title span {        text-align: center !important;    }    /* 通常のentry-title（投稿一覧等） */    .entry-title {        text-align: center !important;    }}/* ===========================================   診療メニュー表（レスポンシブ対応）   =========================================== */.medical-menu-container {    border-top: 1px solid #ddd;    border-left: 1px solid #ddd;    border-right: 1px solid #ddd;    margin: 40px 0;    font-size: 15px;    background: #fff;}.mm-row {    display: flex;    border-bottom: 1px solid #ddd;}.mm-head {    width: 200px;    background: #fafafa;    font-weight: 700;    color: #444;    padding: 20px;    display: flex;    align-items: center;    flex-shrink: 0;    border-right: 1px solid #ddd;}.mm-body {    flex-grow: 1;    padding: 15px 20px;    display: flex;    flex-wrap: wrap;    align-items: center;    gap: 10px;    line-height: 1.8;}.mm-btn {    display: inline-flex;    align-items: center;    background: #ffecc9;    border: 1px solid #f0cd95;    color: #333 !important;    padding: 8px 16px;    border-radius: 4px;    text-decoration: none !important;    font-weight: 600;    font-size: 14px;    transition: all 0.2s;    white-space: nowrap;}.mm-btn:hover {    background: #fff;    border-color: #005bac;    color: #005bac !important;    transform: translateY(-2px);}.mm-btn::after {    content: '';    display: inline-block;    width: 6px;    height: 6px;    border-top: 2px solid #005bac;    border-right: 2px solid #005bac;    transform: rotate(45deg);    margin-left: 8px;    margin-bottom: 1px;}.mm-text, .mm-text-group {    padding: 5px 0;    color: #333;    font-weight: 500;}.mm-text-group {    display: inline-flex;    flex-wrap: wrap;    align-items: center;    gap: 5px;}@media (max-width: 768px) {    .mm-row {        flex-direction: column;    }        .mm-head {        width: 100%;        background: #f4f6f8;        border-right: none;        border-bottom: 1px dashed #ddd;        padding: 10px 15px;        font-size: 14px;    }    .mm-body {        padding: 15px;    }        .mm-btn {        padding: 10px 14px;        font-size: 13px;        width: auto;        justify-content: space-between;    }}/* ===========================================   Q&A 吹き出しベース   =========================================== */.qna-bubble { border-radius:8px; box-shadow:0 6px 18px rgba(11,122,117,0.08); padding:16px 18px; border:1px solid #E0E6E8; max-width:90%; }.qna-bubble.patient { background:#FFFFFF; float:left; margin:12px 0; }.qna-bubble.doctor { background:#E8F7F6; float:right; margin:12px 0; }.qna-avatar { width:56px; height:56px; border-radius:50%; object-fit:cover; }.qna-card:hover { transform:translateY(-4px); transition:transform .18s ease; }@media (max-width:768px){ .qna-bubble{ max-width:100%; float:none; } .qna-avatar{ width:48px; height:48px; } }/* 症状リストのボタンを幅100%にする */.symptom-card {    width: 100% !important;}.symptom-card a {    width: 100% !important;    box-sizing: border-box !important;    text-align: left !important;}/* ── Rank Math FAQ ハブページ用スタイル 改修案 ── *//* リストスタイルリセット */.rank-math-faq {  counter-reset: none;  list-style: none;  padding: 0;}/* 各FAQチャンク（まとまり）のデザインと外側の余白 */.rank-math-faq-item {  background: #ffffff;  border: 1px solid #d0e4f0;  border-radius: 10px;  padding: 24px;         /* 内側の余白を少し広げてゆったりと */  margin-bottom: 32px;   /* ★重要: 次の質問との距離をしっかり取る */  box-shadow: 0 2px 8px rgba(26,111,168,0.07);}/* 質問：左ボーダーアクセント＋色 */.rank-math-question {  font-size: 16px !important;  font-weight: 700 !important;  color: #134e78 !important;  border-left: 4px solid #1a6fa8;  padding-left: 12px !important;  /* 左ボーダーと文字の距離 */  margin-top: 0 !important;  margin-bottom: 16px !important; /* ★QとAの間の距離（チャンク間の余白より狭くする） */  line-height: 1.5 !important;}/* Q. プレフィックス */.rank-math-question::before {  content: 'Q. ';  color: #1a6fa8;  font-family: Arial, sans-serif; /* 英字フォントの方がスッキリ見えます */}/* 回答テキスト（A.の追加とインデント調整） */.rank-math-answer p {  font-size: 16px;  color: #444;  line-height: 1.8;  margin: 0;  position: relative;  /* Qのテキスト開始位置と揃えるためのインデント調整 */  /* 左ボーダー(4px) + padding(12px) + A.の幅(約24px) = 40px */  padding-left: 40px; }/* A. プレフィックスを擬似要素で付ける */.rank-math-answer p::before {  content: 'A. ';  color: #1a6fa8; /* Qと同じ青色。もし目立たせるなら #e67e22 (オレンジ) などもお勧めです */  font-weight: bold;  font-family: Arial, sans-serif;  position: absolute;  left: 16px; /* 質問の左インデント(4px + 12px)に「A.」の位置を揃える */  top: 0;}/* 症状エリアの背景装飾 */.symptom-bg-area {    background-color: #f0f6fa; /* 清潔感のある薄いブルーグレー */    border-radius: 16px;    padding: 40px 30px;    margin: 40px 0;    box-shadow: inset 0 0 0 1px #e1eef6; /* 内側にうっすらボーダーを入れて引き締める */}/* スマホ閲覧時はパディングを少し狭くする */@media (max-width: 600px) {    .symptom-bg-area {        padding: 30px 15px;    }}/* ===========================================   パンフレットDL用 CTAセクション   =========================================== */.dl-cta-section {    background: #f0f6fa; /* 清潔感のあるブルーグレー */    border-radius: 16px;    padding: 40px;    margin: 60px 0;    box-shadow: 0 8px 24px rgba(26,111,168,0.08);    border: 1px solid #e1eef6;}.dl-cta-inner {    display: flex;    align-items: center;    gap: 40px;}.dl-cta-thumb {    flex: 0 0 220px;    box-shadow: 0 10px 20px rgba(0,0,0,0.15); /* 紙の冊子っぽい影 */    border-radius: 4px;    overflow: hidden;}.dl-cta-thumb img {    width: 100%;    height: auto;    display: block;}.dl-cta-content {    flex: 1;}/* CTA内の専用見出し（H2/H3の影響を受けないようにリセット） */.dl-cta-title {    font-size: 24px !important;    font-weight: 800 !important;    color: #114b79 !important;    margin: 0 0 16px !important;    padding: 0 !important;    background: none !important;    border: none !important;    box-shadow: none !important;}.dl-cta-desc {    font-size: 15px !important;    color: #444 !important;    line-height: 1.8 !important;    margin-bottom: 24px !important;}.dl-cta-btn {    display: inline-flex;    align-items: center;    justify-content: center;    background: linear-gradient(135deg, #f08c3a 0%, #e66a15 100%); /* 目立つオレンジ */    color: #fff !important;    font-size: 18px;    font-weight: 700;    padding: 16px 32px;    border-radius: 40px;    text-decoration: none !important;    box-shadow: 0 6px 16px rgba(230, 106, 21, 0.3);    transition: all 0.3s ease;}.dl-cta-btn:hover {    transform: translateY(-3px);    box-shadow: 0 8px 24px rgba(230, 106, 21, 0.4);    color: #fff !important;}.dl-btn-icon {    margin-right: 8px;    font-size: 20px;}.dl-cta-note {    font-size: 12px !important;    color: #666 !important;    margin-top: 12px !important;    font-weight: 500;}/* スマホ対応 */@media (max-width: 768px) {    .dl-cta-section {        padding: 30px 20px;    }    .dl-cta-inner {        flex-direction: column;        gap: 24px;        text-align: center;    }    .dl-cta-thumb {        flex: 0 0 auto;        max-width: 180px; /* スマホではサムネイルを少し小さく */        margin: 0 auto;    }    .dl-cta-btn {        width: 100%;        padding: 16px 20px;        font-size: 16px;    }}/* サイドバー上部に適度な余白を追加 */#sidebar {    margin-top: 75px;}/* ===========================================   警告・対処法ボックス（h5最適化版）   =========================================== */.alert-box-yellow {    background-color: #fff9e6 !important;    border: 1px solid #ffcc00 !important;    border-left: 6px solid #ffb300 !important;    border-radius: 4px !important;    padding: 25px !important;    margin-top: 30px !important;    /* h4（症状名）との距離 */    margin-bottom: 70px !important; /* 次のセクションとの距離を広めに */    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;}/* タイトル部分：h5をクラスで指定 */h5.alert-title {    display: flex !important;    align-items: center !important;    margin: 0 0 15px 0 !important; /* Frescoの余白をリセット */    padding: 0 !important;    color: #856404 !important;    font-weight: 800 !important;    font-size: 1.15em !important;    line-height: 1.4 !important;    border: none !important; /* 下線が出るのを防ぐ */}/* アイコン：Font Awesome */h5.alert-title i {    margin-right: 12px !important;    color: #e67e22 !important;    font-size: 1.2em !important;}/* 本文テキスト：行間を調整 */.alert-content {    color: #444 !important;    line-height: 1.8 !important;    font-size: 0.98em !important;    margin: 0 !important;}/* ===========================================   トップへ戻るボタン：フローティング・レンズ（修正版）   =========================================== */#custom-page-top {    position: fixed !important;    width: 60px !important;    height: 60px !important;    bottom: 30px !important;    right: 30px !important;    /* レンズ風グラデーション */    background: radial-gradient(circle at 30% 30%,                 rgba(255, 255, 255, 0.95) 0%,                 rgba(225, 238, 246, 0.8) 40%,                 rgba(26, 111, 168, 0.2) 100%) !important;    border: 1px solid rgba(26, 111, 168, 0.3) !important;    border-radius: 50% !important;    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;        /* 配置の調整 */    display: flex !important;    align-items: center !important;    justify-content: center !important;    z-index: 999999 !important; /* 最前面へ */        /* 初期状態：あえて opacity 0.1 くらいで見えるかテスト */    opacity: 0;     visibility: hidden;    transform: translateY(30px);    transition: all 0.4s ease-out !important;    cursor: pointer !important;    pointer-events: auto !important;}/* スクロール時に強制表示 */#custom-page-top.is-show {    opacity: 1 !important;    visibility: visible !important;    transform: translateY(0) !important;}/* 矢印：画像を使わずCSSで描画（文字化け回避） */#custom-page-top::before {    content: "" !important;    width: 12px;    height: 12px;    border-top: 3px solid #1a6fa8;    border-right: 3px solid #1a6fa8;    transform: rotate(-45deg) translateY(2px);    display: block;}/* ホバー */#custom-page-top:hover {    transform: scale(1.1) !important;    background: #fff !important;}/* スマホ */@media (max-width: 768px) {    #custom-page-top {        width: 50px !important;        height: 50px !important;        bottom: 20px !important;        right: 20px !important;    }}/* 料金表テーブル（幅100%・境目強調版） */.custom-responsive-table {    width: 100% !important;    overflow-x: auto !important;    margin-bottom: 1em !important;    -webkit-overflow-scrolling: touch;}.lens-price-table {    width: 100% !important;    min-width: 600px !important;    border-collapse: collapse !important;    font-size: 16px !important;    background-color: #ffffff !important;    table-layout: fixed !important;}.lens-price-table th,.lens-price-table td {    border: 1px solid #dcdcdc !important;     padding: 15px 15px !important;    vertical-align: middle !important;    line-height: 1.5 !important;    color: #333333 !important;}.lens-price-table th {    background-color: #dceaf5 !important;    text-align: center !important;    font-weight: bold !important;}.lens-price-table th.col-price-double,.lens-price-table td.double-eye {    border-left: 2px solid #a3c4db !important;}.lens-price-table th.col-name {    width: 46% !important;}.lens-price-table td.name-cell {    text-align: left !important;}.lens-price-table td.price-cell {    text-align: left !important;    padding-left: 8% !important;}.lens-price-note {    font-size: 14px !important;    color: #333333 !important;    line-height: 1.6 !important;    margin-top: 5px !important;    margin-bottom: 2em !important;    text-align: left !important;}@media (max-width: 768px) {    .lens-price-table {        font-size: 14px !important;    }    .lens-price-table th,    .lens-price-table td {        padding: 12px 10px !important;    }    .lens-price-table td.price-cell {        padding-left: 10px !important;    }    .lens-price-note {        font-size: 13px !important;    }}/* ボタンの親要素を強制的にフレックスボックス化して中央寄せにする */.wp-block-buttons {  display: flex !important;  justify-content: center !important;  width: 100% !important;}.wp-block-button {  margin-left: 0 !important;  margin-right: 0 !important;  text-align: center !important;}@media (max-width: 600px) {  .wp-block-buttons {    flex-direction: column !important;    align-items: center !important;  }}/* 背景は広げたまま、中身だけを整える */.page-id-441 #dp_main_wrapper,.page-id-1256 #dp_main_wrapper {    max-width: 100% !important;}.page-id-441 .entry-content,.page-id-1256 .entry-content {    max-width: 980px !important;    margin-left: auto !important;    margin-right: auto !important;    padding-left: 20px !important;    padding-right: 20px !important;}.page-id-441 .page-header,.page-id-1256 .page-header {    max-width: 980px !important;    margin: 0 auto !important;}.page-id-441 .entry-content .alignfull,.page-id-1256 .entry-content .alignfull {    max-width: 100vw !important;    width: 100vw !important;    margin-left: calc(50% - 50vw) !important;    margin-right: calc(50% - 50vw) !important;}/* カラムブロック全体の調整 */.disease-stages-columns.wp-block-columns {    gap: 0 !important;    position: relative;    overflow: hidden;    border-radius: 8px;}.disease-stages-columns > .wp-block-column {    position: relative;    display: flex;    flex-direction: column;    justify-content: flex-start;    align-items: center;    padding: 2.5em 3.5em !important;    box-sizing: border-box;    min-height: 180px;    transition: background-color 0.3s ease;}.disease-stages-columns > .wp-block-column:not(:last-child)::after {    content: "";    position: absolute;    top: 0;    right: -2.5em;    width: 0;    height: 0;    border-top: 90px solid transparent;    border-bottom: 90px solid transparent;    border-left: 2.5em solid;    z-index: 1;}.disease-stages-columns > .wp-block-column:nth-child(1) {    background-color: #e3f2fd !important;    color: #1565c0;}.disease-stages-columns > .wp-block-column:nth-child(1)::after {    border-left-color: #e3f2fd;}.disease-stages-columns > .wp-block-column:nth-child(2) {    background-color: #fff9c4 !important;    color: #f57f17;}.disease-stages-columns > .wp-block-column:nth-child(2)::after {    border-left-color: #fff9c4;}.disease-stages-columns > .wp-block-column:nth-child(3) {    background-color: #ffcdd2 !important;    color: #c62828;}.disease-stages-columns .wp-block-heading,.disease-stages-columns p {    text-align: center;    margin: 0;}.disease-stages-columns .wp-block-heading {    font-size: 1.3em;    margin-bottom: 0.5em;    font-weight: bold;}.disease-stages-columns p {    font-size: 0.95em;    line-height: 1.6;}@media (max-width: 600px) {    .disease-stages-columns.wp-block-columns {        flex-wrap: nowrap !important;        display: flex !important;    }    .disease-stages-columns > .wp-block-column {        padding: 1.5em 1em 1.5em 1.5em !important;        min-height: 120px !important;        flex-basis: 33.33% !important;    }    .disease-stages-columns > .wp-block-column:not(:last-child)::after {        right: -1.2em;        border-top-width: 60px;        border-bottom-width: 60px;        border-left-width: 1.2em;    }    .disease-stages-columns .wp-block-heading {        font-size: 0.9em !important;        white-space: nowrap;    }    .disease-stages-columns p {        font-size: 0.75em !important;        line-height: 1.3;    }}/* Diabetic Retinopathy Card Styles */.dr-card {    border-radius: 12px !important;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;    padding: 2.5rem !important;    margin-bottom: 2rem;    border: 1px solid #f0f0f0 !important;    transition: box-shadow 0.3s ease;}.dr-card:hover {    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;}.dr-symptom-card {    background-color: #f0f8ff !important;}.dr-treatment-card {    background-color: #ffffff !important;}.dr-card .wp-block-separator {    border-bottom: 1px solid #dcebf4;    margin: 1rem auto 2rem;}.dr-card p.has-background.has-theme-3-background-color {    display: inline-block;    border-radius: 6px;    padding: 8px 16px;    margin-right: 10px;    margin-bottom: 10px;}/* モバイル時のHeroスライダーを縦長（3:4）に */@media screen and (max-width: 599px) {    /* スライダー親の高さを自動にして子に委ねる */    .hd_slider .swiper-container,    .hd_slider .swiper-wrapper,    #hd_slider {        height: auto !important;    }    /* 各スライドを3:4比率に */    .hd_slider .swiper-slide {        height: auto !important;        aspect-ratio: 3 / 4 !important;    }    /* 背景画像のfigureを全面に */    .swiper-slide .sl-media {        height: 100% !important;        position: absolute !important;        top: 0 !important;        left: 0 !important;        right: 0 !important;        bottom: 0 !important;        background-size: cover !important;        background-position: center center !important;    }}/* ===========================================   モバイルメニュー改善（DigiPress FRESCO）   .menupop がドロワー本体   =========================================== *//* --- ドロワー背景色 --- */.menupop {    background: linear-gradient(180deg, #f0f6fa 0%, #e8f0f6 100%) !important;}/* --- メニューリンクの色 --- */.menupop a,.menupop .menu-link,.menupop .menu-title {    color: #2c3e50 !important;    font-weight: 600 !important;    text-shadow: none !important;}/* --- リスト区切り線 --- */.menupop li,.menupop .menu-item {    border-bottom: 1px solid #d0dbe4 !important;    border-color: #d0dbe4 !important;}/* --- サブメニュー矢印 --- */.menupop .menu-item-has-children > a::after,.menupop .menu-item-has-children > .menu-link::after {    color: #005bac !important;    border-color: #005bac !important;}/* --- 電話番号 --- */.menupop a[href^="tel:"],.menupop .menu_tel,.menupop .menu_tel a {    color: #005bac !important;    font-weight: 800 !important;}/* --- 検索ボックス --- */.menupop input[type="search"],.menupop input[type="text"],#menu_search_form input {    background: #fff !important;    border: 1px solid #b0c4de !important;    color: #333 !important;}/* 検索ボタン */.menupop input[type="submit"],.menupop button[type="submit"],#menu_search_form input[type="submit"],#menu_search_form button {    background: #005bac !important;    color: #fff !important;}/* --- タグ・キーワード --- */.menupop .tagcloud a,.menupop [class*="tag"] a {    background: #fff !important;    color: #333 !important;    border: 1px solid #b0c4de !important;}/* --- メニュー内のアイコン色 --- */.menupop .menu_icon,.menupop [class*="icon"] {    color: #005bac !important;}/* ===========================================   下部固定バー（「メニュー」ボタン）の視認性改善   =========================================== *//* DigiPress FRESCOのモバイルフッターバー各種セレクタ */#dp_footer_bar,.dp_footer_bar,#footer_bar,.footer_bar,.footer-fixed-bar,[id*="footer_bar"],[class*="footer_bar"],[class*="footer-bar"] {    background: linear-gradient(180deg, #005bac 0%, #004a8f 100%) !important;    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15) !important;}/* バー内すべてのテキスト・アイコン */#dp_footer_bar *,.dp_footer_bar *,#footer_bar *,.footer_bar *,.footer-fixed-bar *,[id*="footer_bar"] a,[id*="footer_bar"] span,[class*="footer_bar"] a,[class*="footer_bar"] span,[class*="footer-bar"] a,[class*="footer-bar"] span {    color: #fff !important;    font-weight: 700 !important;}/* ハンバーガーアイコンの線 */[id*="footer_bar"] [class*="menu"] span,[class*="footer_bar"] [class*="menu"] span,[class*="footer-bar"] [class*="menu"] span,[id*="footer_bar"] [class*="hamburger"] span,[class*="footer_bar"] [class*="hamburger"] span {    background-color: #fff !important;    height: 3px !important;}/* ===========================================   タップしやすさ向上   =========================================== */@media screen and (max-width: 599px) {    .menupop li a,    .menupop .menu-link {        padding: 14px 20px !important;        font-size: 15px !important;    }}/* ===========================================   スマホ用 固定アクションバー（C案：soft blue）   =========================================== */.hg-sticky-footer {    position: fixed !important;    bottom: 0 !important;    left: 0 !important;    width: 100% !important;    background: #e8f0f6 !important;    display: flex !important;    box-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important;    border-top: 1px solid #d0dbe4 !important;    z-index: 9999 !important;    padding: 0 !important;}@media screen and (min-width: 768px) {    .hg-sticky-footer {        display: none !important;    }}.hg-sticky-item {    flex: 1 !important;    display: flex !important;    flex-direction: column !important;    align-items: center !important;    justify-content: center !important;    text-decoration: none !important;    padding: 10px 0 !important;    border-right: 1px solid #d0dbe4 !important;    background: transparent !important;}.hg-sticky-item:last-child {    border-right: none !important;}.hg-sticky-svg {    width: 22px !important;    height: 22px !important;    fill: none !important;    stroke: #114b79 !important;    stroke-width: 1.5 !important;    stroke-linecap: round !important;    stroke-linejoin: round !important;}.hg-sticky-text {    font-size: 11px !important;    font-weight: 700 !important;    color: #114b79 !important;    margin-top: 4px !important;    letter-spacing: 0.02em !important;}/* ===========================================   モバイルヘッダー：透過対応・リファクタリング版   =========================================== */@media screen and (max-width: 768px) {    /* --- 1. ヘッダー全体のレイアウト --- */    #header_bar {        display: flex !important;        justify-content: space-between !important;        align-items: center !important;        padding: 0 !important;        height: 70px !important;        background-color: #ffffff !important; /* スクロール後の基本色（白） */        transition: background-color 0.4s ease, box-shadow 0.4s ease !important;                /* ★追加：幅の計算にpaddingやborderを含め、画面幅を超えないようにする */        box-sizing: border-box !important;                /* ★重要：透過時にメイン画像の上に被せるための配置設定 */        position: fixed !important; /* スクロール追従させる場合はfixed（追従しない場合はabsolute） */        top: 0 !important;        left: 0 !important;        width: 100% !important;        z-index: 9999 !important;    }    /* --- 透過状態（トップ配置時・スクロール前） --- */    #header_bar.trpt {        background-color: transparent !important; /* 0.8(半透明)から完全透過に変更 */        box-shadow: none !important;    }    /* --- 2. 左側：ロゴエリア --- */    #header_bar > div,    #header_bar .h_group {        height: 100% !important;        display: flex !important;        align-items: center !important;        margin: 0 !important;                /* ★追加：右側のスペースを確保するため、ロゴエリアの縮小を許可する */        flex: 1 1 auto !important;        min-width: 0 !important; /* Flexbox特有のはみ出しを防止 */    }    #header_bar .h_group {        padding-left: 15px !important;    }    .hd-title {        margin: 0 !important;        display: flex !important;        align-items: center !important;                /* ★追加：Flexbox特有のはみ出しを防止 */        min-width: 0 !important;    }    .hd-title img {        max-height: 40px !important;        width: auto !important;                /* ★追加：狭い画面ではロゴ画像を縮小させ、はみ出さないようにする */        max-width: 100% !important;        object-fit: contain !important;                transform: translateY(-4px) !important;    }    /* --- 3. 右側：電話 ＋ MENU ブロック --- */    #header_bar .r_block {        display: flex !important;        flex-direction: row !important;        align-items: center !important;        height: 100% !important;        margin: 0 !important;        padding: 0 !important;                /* ★追加：メニューボタン群が絶対に縮小されたり、押し出されたりしないように固定 */        flex-shrink: 0 !important;    }    #header_bar .hidden_search {        display: none !important; /* 検索アイコン無効化 */    }    /* --- 電話アイコン --- */    #header_bar .hd_tel {        order: 1 !important;        width: 60px !important;        height: 100% !important;        display: flex !important;        align-items: center !important;        justify-content: center !important;        margin: 0 !important;        padding: 0 10px 0 0 !important; /* MENUボタンとの間隔調整を一括指定 */    }    .hd_tel a {        display: flex !important;        align-items: center !important;        justify-content: center !important;        width: 100% !important;        height: 100% !important;        color: #546e7a !important;        text-decoration: none !important;    }    .hd_tel a::before,     .hd_tel a i::before {        font-size: 24px !important;        margin: 0 !important;    }    .hd_tel a span {        display: none !important;    }    /* --- MENUボタン（右端ピタッ、青背景） --- */    #tgl_mq_menu {        order: 2 !important;        width: 70px !important;        height: 100% !important;        background-color: #005bac !important;        display: flex !important;        flex-direction: column !important;        align-items: center !important;        justify-content: center !important;        margin: 0 !important;        padding: 7px 0 0 0 !important; /* 上部内側余白を一括指定 */        border-radius: 0 !important;        cursor: pointer !important;    }    /* 三本線の自作アイコン */    #tgl_mq_menu .trg_obj {        position: relative !important;        width: 24px !important;        height: 2px !important;        background-color: #ffffff !important;        margin-bottom: 12px !important;        border: none !important;        font-family: unset !important;        color: transparent !important;        transition: background-color 0.3s ease !important; /* 真ん中の線が滑らかに消えるように */    }    #tgl_mq_menu .trg_obj::before,    #tgl_mq_menu .trg_obj::after {        content: "" !important;        position: absolute !important;        left: 0 !important;        width: 24px !important;        height: 2px !important;        background-color: #ffffff !important;        transition: all 0.3s ease !important; /* 斜めになる動きを滑らかに */    }    #tgl_mq_menu .trg_obj::before { top: -7px !important; }    #tgl_mq_menu .trg_obj::after { top: 7px !important; }    /* MENUテキスト */    #tgl_mq_menu::after {        content: "MENU" !important;        font-size: 10px !important;        color: #ffffff !important;        font-weight: bold !important;        line-height: 1 !important;        letter-spacing: 0.05em !important;        transition: opacity 0.3s ease !important; /* テキストが滑らかに消えるように */    }}/* ===========================================       メニュー開閉時の「×」アニメーション（改良版）       =========================================== */        /* 1. 【重要】隣のナビ(#global_menu_nav)が .show の時のボタンを指定 */        /* 真ん中の線を透明にする */    #global_menu_nav.show ~ #tgl_mq_menu .trg_obj {        background-color: transparent !important;    }        /* 上下の線をクロス（45度）させる */    #global_menu_nav.show ~ #tgl_mq_menu .trg_obj::before {        top: 0 !important;        transform: rotate(45deg) !important;    }    #global_menu_nav.show ~ #tgl_mq_menu .trg_obj::after {        top: 0 !important;        transform: rotate(-45deg) !important;    }        /* 「MENU」の文字をフワッと消す */    #global_menu_nav.show ~ #tgl_mq_menu::after {        opacity: 0 !important;        visibility: hidden !important;    }/* ===========================================       メニュー開閉時の「×」アニメーション       =========================================== */    /* 真ん中の線を透明にする *//* #header_bar に menu-open が付いた時のハンバーガーボタンの挙動 */#header_bar.menu-open #tgl_mq_menu .trg_obj {    background-color: transparent !important;}#header_bar.menu-open #tgl_mq_menu .trg_obj::before {    top: 0 !important;    transform: rotate(45deg) !important;}#header_bar.menu-open #tgl_mq_menu .trg_obj::after {    top: 0 !important;    transform: rotate(-45deg) !important;}#header_bar.menu-open #tgl_mq_menu::after {    opacity: 0 !important;    visibility: hidden !important;}        /* --- 4. その他の微調整（メニュー下隙間・投稿タイトル） --- */    #global_menu_nav {        margin-top: -3px !important;     }        .deb-posts__title,    h3.deb-posts__title,    .deb-posts__item-inner h3 {        margin-top: 0 !important;        margin-bottom: 8px !important;        padding-top: 0 !important;    }}/* ===========================================   コラムページ（/column）専用カスタマイズ   =========================================== *//* 1. 院長コラム（ページタイトル）の直下に説明文を追加（PC・スマホ センタリング対応版） */.page-id-1783 h1.hd-title.single-title {    display: flex;    flex-direction: column; /* 横並びではなく縦積みに変更 */    align-items: center;    /* 中央揃えにする */    text-align: center;     /* テキストの中央揃え */}.page-id-1783 h1.hd-title.single-title::after {    content: "当院からのお知らせや院長の日常の気づきなど不定期にコラムを更新しています。";    display: block;    width: 100%;    font-size: 14px;    font-weight: normal;    color: #ffffff;    margin-top: 15px;    line-height: 1.6;    letter-spacing: 0.05em;    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}/* 2. 記事一覧（最新投稿ブロック等）のH3タイトルの上余白を完全に削除 */.page-id-1783 .entry-content h3,.page-id-1783 .wp-block-latest-posts h3,.page-id-1783 .dp-post-list h3 {    margin-top: 0 !important;    margin-bottom: 0 !important;    padding-top: 0 !important;}/* ===========================================   投稿一覧：カテゴリラベル   =========================================== */.deb-posts__category-item {    display: inline-block !important;    padding: 3px 12px !important;    border-radius: 20px !important;    font-size: 11px !important;    font-weight: 700 !important;    letter-spacing: 0.03em !important;    text-decoration: none !important;    line-height: 1.6 !important;    position: relative !important;    z-index: 2 !important;}.deb-posts__category-item .deb-posts__category-text {    font-size: 11px !important;    font-weight: 700 !important;}/* お知らせ（topics）：ブルーグレー */a.deb-posts__category-item[href*="/topics/"] {    background-color: #5B8FA8 !important;    color: #fff !important;}a.deb-posts__category-item[href*="/topics/"] .deb-posts__category-text {    color: #fff !important;}/* 医療コラム（medical）：オレンジ */a.deb-posts__category-item[href*="/medical/"] {    background-color: #E8A87C !important;    color: #fff !important;}a.deb-posts__category-item[href*="/medical/"] .deb-posts__category-text {    color: #fff !important;}/* 日常のきづき（daily）：グリーン */a.deb-posts__category-item[href*="/daily/"] {    background-color: #7DB59A !important;    color: #fff !important;}a.deb-posts__category-item[href*="/daily/"] .deb-posts__category-text {    color: #fff !important;}/* ラベルの背景オーバーレイを無効化 */.deb-posts__category-item::before {    display: none !important;}/* ===========================================   個別投稿：カテゴリ＆タグのラベル化   =========================================== */.single_post_meta .meta-cat::before {    font-size: 12px !important;    color: #90a4ae !important;    font-weight: 500 !important;}.single_post_meta .meta-cat a.cat-link,.single-article .meta-cat a.cat-link {    display: inline-block !important;    padding: 4px 14px !important;    border-radius: 20px !important;    font-size: 12px !important;    font-weight: 700 !important;    text-decoration: none !important;    margin: 2px 4px 2px 0 !important;}.single-article.category-medical .meta-cat a.cat-link,a.cat-link[href*="/medical/"] {    background-color: #E8A87C !important;    color: #fff !important;}a.cat-link[href*="/topics/"] {    background-color: #5B8FA8 !important;    color: #fff !important;}a.cat-link[href*="/daily/"] {    background-color: #7DB59A !important;    color: #fff !important;}.single_post_meta .meta-cat.tag a.cat-link,.single-article .meta-cat.tag a.cat-link {    background-color: #f0f4f8 !important;    color: #546e7a !important;    border: 1px solid #d0dbe4 !important;    padding: 3px 12px !important;    font-size: 11px !important;    font-weight: 600 !important;}.single_post_meta .meta-cat.tag a.cat-link:hover,.single-article .meta-cat.tag a.cat-link:hover {    background-color: #e3f2fd !important;    border-color: #005bac !important;    color: #005bac !important;}.meta-cat.tag a.cat-link::after,.meta-cat.tag .cat-link:not(:last-of-type)::after {    content: none !important;    display: none !important;}.meta-cat.tag a.cat-link::before,.meta-cat.tag a::before {    content: none !important;    display: none !important;}.meta-cat.tag a.cat-link {    text-decoration: none !important;    border-bottom: none !important;}.single_post_meta .meta-cat.tag a.cat-link,.single-article .meta-cat.tag a.cat-link {    padding: 2px 10px !important;    font-size: 11px !important;    margin: 2px 4px 2px 0 !important;    line-height: 1.4 !important;}/* ===========================================   初めての方用（Ver.2.1：背景薄黄 / SVG / スマホ1カラム）   =========================================== */.welcome-nav-wrapper {    margin-top: 0 !important;    padding: 30px;    background-color: #fff9e6;    border-radius: 12px;}.welcome-nav-container {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 12px;}@media (max-width: 600px) {    .welcome-nav-container {        grid-template-columns: 1fr;    }}.welcome-nav-item {    display: flex;    align-items: center;    padding: 15px 20px;    background: #ffffff;    border: 1px solid #cfd8dc;    border-radius: 30px;    color: #455a64 !important;    font-weight: 700;    font-size: 15px;    text-decoration: none !important;    position: relative;    transition: background 0.3s, border-color 0.3s;}.welcome-nav-item::before {    content: "";    display: inline-block;    width: 20px;    height: 20px;    margin-right: 12px;    flex-shrink: 0;    background-size: contain;    background-repeat: no-repeat;    background-position: center;}.welcome-nav-item::after {    content: "\3009";    font-size: 12px;    color: #005bac;    margin-left: auto;}.welcome-nav-item:hover {    background-color: #f0f7ff;    border-color: #005bac;}.icon-access::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"%3E%3C/path%3E%3Ccircle cx="12" cy="10" r="3"%3E%3C/circle%3E%3C/svg%3E');}.icon-guide::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M2 22s1-10 10-10 10 10 10 10"%3E%3C/path%3E%3Cpath d="M12 12s1-10 10-10-10 10-10 10"%3E%3C/path%3E%3C/svg%3E');}.icon-checkup::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="11" cy="11" r="8"%3E%3C/circle%3E%3Cline x1="21" y1="21" x2="16.65" y2="16.65"%3E%3C/line%3E%3C/svg%3E');}.icon-reserve::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="18" rx="2" ry="2"%3E%3C/rect%3E%3Cline x1="16" y1="2" x2="16" y2="6"%3E%3C/line%3E%3Cline x1="8" y1="2" x2="8" y2="6"%3E%3C/line%3E%3Cline x1="3" y1="10" x2="21" y2="10"%3E%3C/line%3E%3C/svg%3E');}.icon-time::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="10"%3E%3C/circle%3E%3Cpolyline points="12 6 12 12 16 14"%3E%3C/polyline%3E%3C/svg%3E');}.icon-contact::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"%3E%3C/path%3E%3Ccircle cx="12" cy="12" r="3"%3E%3C/circle%3E%3C/svg%3E');}.icon-glasses::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="6" cy="12" r="4"%3E%3C/circle%3E%3Ccircle cx="18" cy="12" r="4"%3E%3C/circle%3E%3Cline x1="10" y1="12" x2="14" y2="12"%3E%3C/line%3E%3Cline x1="10" y1="12" x2="6" y2="12"%3E%3C/line%3E%3C/svg%3E');}.icon-surgery::before {    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23005bac" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 21h18"%3E%3C/path%3E%3Cpath d="M5 21V7l8-4 8 4v14"%3E%3C/path%3E%3Cpath d="M9 10a6.3 6.3 0 0 1 6 0"%3E%3C/path%3E%3C/svg%3E');}/* ===========================================   ページネーション スタイル改善   =========================================== */.nav_to_paged a {    font-style: normal !important;    transform: none !important;    display: inline-block;    padding: 12px 20px;    border: 2px solid #397595;    border-radius: 20px;    color: #397595;    font-size: 14px;    font-weight: bold;    text-decoration: none;    transition: all 0.3s ease;}.nav_to_paged a:hover {    background: #397595;    color: #fff;}.nav_to_paged a span {    font-style: normal !important;    transform: none !important;}.dp-pagenavi {    text-align: center;    margin: 30px 0;}.dp-pagenavi a.page-numbers,.dp-pagenavi span.page-numbers {    display: inline-flex;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;    border: 2px solid #397595;    border-radius: 50%;    font-style: normal !important;    transform: none !important;    font-size: 14px;    font-weight: bold;    text-decoration: none;    color: #397595;    background: #fff;    margin: 0 3px;    transition: all 0.3s ease;}.dp-pagenavi span.page-numbers.current {    background: #397595;    color: #fff;}.dp-pagenavi a.page-numbers:hover {    background: #397595;    color: #fff;}.dp-pagenavi a.arw {    display: inline-flex;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;    border: 2px solid #ccc;    border-radius: 50%;    font-style: normal !important;    transform: none !important;    text-decoration: none;    color: #666;    background: #fff;    margin: 0 3px;    transition: all 0.3s ease;}.dp-pagenavi a.arw:hover {    border-color: #397595;    color: #397595;}.dp-pagenavi span.dots {    font-style: normal !important;    color: #999;    margin: 0 3px;}.dp-pagenavi a span,.dp-pagenavi .page-numbers span,.dp-pagenavi .current span,.dp-pagenavi a.page-numbers span,.dp-pagenavi span.page-numbers span {    transform: none !important;    -webkit-transform: none !important;    -ms-transform: none !important;    display: inline-block !important;    font-style: normal !important;}/* ===========================================   メディアとテキスト画像上へのキャプション追加   =========================================== */.doctor-profile-block .wp-block-media-text__media {    position: relative !important;}.doctor-profile-block .wp-block-media-text__media::after {    content: "春山賢介 院長";    position: absolute !important;    bottom: 10px !important;    right: 10px !important;    background-color: rgba(255, 255, 255, 0.85) !important;    color: #333 !important;    font-size: 11px !important;    padding: 4px 8px !important;    border-radius: 2px !important;    font-weight: bold !important;    letter-spacing: 0.05em !important;    pointer-events: none !important;    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;}/* ===========================================   モバイル用ハンバーガーメニューの最適化   =========================================== */#global_menu_ul.mq-mode {    background-color: #114b79 !important;}#global_menu_ul.mq-mode .menu-link,#global_menu_ul.mq-mode .menu-title,#global_menu_ul.mq-mode a {    color: #ffffff !important;    text-shadow: none !important;    font-weight: 500 !important;}#global_menu_ul.mq-mode li,#global_menu_ul.mq-mode .menu-item,#global_menu_ul.mq-mode .menu-link,#global_menu_ul.mq-mode a {    border: none !important;    box-shadow: none !important;    background-image: none !important;}#global_menu_ul.mq-mode .menu-item {    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;}#global_menu_ul.mq-mode .menu-link:active,#global_menu_ul.mq-mode .menu-link:hover,#global_menu_ul.mq-mode .current-menu-item > a,#global_menu_ul.mq-mode .current_page_item > a {    background-color: rgba(255, 255, 255, 0.15) !important;    color: #ffffff !important;}#global_menu_ul.mq-mode .sub-menu {    background-color: rgba(0, 0, 0, 0.15) !important;}/* ===========================================   記事詳細：カテゴリーラベル非表示   =========================================== */.single .hd-cat.meta-cat,.single .cat-line-color1,.single .cat-line-color2,.single .cat-line-color3,.single .cat-line-color4 {    display: none !important;}/* ==========================================================   10. ハンバーガー → ×（メニュー展開時）   実際に付くクラスは #global_menu_ul.show のため、   既存の #global_menu_nav.show / #header_bar.menu-open では   一致せず機能していなかった   ========================================================== *//* 真ん中の線を消す */#header_bar:has(#global_menu_ul.show) #tgl_mq_menu .trg_obj{    background-color:transparent!important;}/* 上下の線を45度クロス */#header_bar:has(#global_menu_ul.show) #tgl_mq_menu .trg_obj::before{    top:0!important;    transform:rotate(45deg)!important;}#header_bar:has(#global_menu_ul.show) #tgl_mq_menu .trg_obj::after{    top:0!important;    transform:rotate(-45deg)!important;}/* 「MENU」の文字を消す */#header_bar:has(#global_menu_ul.show) #tgl_mq_menu::after{    opacity:0!important;    visibility:hidden!important;}/* 展開中もボタンを最前面に保つ */#header_bar:has(#global_menu_ul.show) #tgl_mq_menu{    z-index:10000!important;}/* ==========================================================   11. ヘッダー：PC用グローバルメニューがモバイルで   幅436pxを占有し、電話・MENUの位置がずれる問題の修正   （展開時は .show が付くので、その時だけ表示）   ========================================================== */@media screen and (max-width:768px){    #header_bar .r_block > #global_menu_nav{        position:absolute!important;        width:auto!important;    }}/* ==========================================================   12. ヘッダー右ブロック：中身の幅ぴったりにする   flex:1 0 auto で余白を吸って広がり、MENUが右端に   付かなくなっていた。伸びを止めて縮小のみ禁止にする   ========================================================== */@media screen and (max-width:768px){    #header_bar .r_block{        flex:0 0 auto!important;        margin-left:auto!important;    }}/* ==========================================================   14. /column/ ページヘッダー：モバイルで縦積みにする   タイトルと説明が横並びになり、タイトルが幅150pxに潰れる   ========================================================== */@media screen and (max-width:768px){    body.page-id-1783 .hd-content{        display:block!important;    }    body.page-id-1783 .hd-content .hd-title,    body.page-id-1783 .hd-content .hd-title span{        display:block!important;        width:100%!important;        max-width:100%!important;        text-align:center!important;    }    body.page-id-1783 .hd-content .hd-meta,    body.page-id-1783 .hd-content .sub-title{        display:block!important;        width:100%!important;        max-width:100%!important;        margin-top:12px!important;        text-align:center!important;    }}