@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;}body{font-family:'M PLUS 1p','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}.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:12px;}.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://stg.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. 記事本文・段落：ゆったりした読みやすさ   =========================================== */.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 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 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 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）スタイルの再構築   =========================================== *//* --- 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: 20px !important;        padding-left: 15px !important;    }}/* --- H3: 【垂直バーのみ】シンプル・スマートVer. --- */body .entry-content h3, body .entry h3.wp-block-heading {    position: relative !important;    font-size: 21px !important; /* 22pxから微調整して、よりスマートに */    font-weight: 600 !important; /* 700(Bold) → 600(Semi-Bold) で力強さを抑制 */    color: #114b79 !important;    padding: 4px 0 4px 18px !important; /* 球体が消えた分、左余白を18pxに最適化 */    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;  /* 8px → 5px に変更。存在感は出しつつも主張しすぎない太さ */    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: 18px !important;    font-weight: 700 !important; /* H3より少しだけ力強くして、項目としての視認性を確保 */    color: #37474f !important;   /* 少し濃いめの色で引き締め */    padding: 0 0 8px 0 !important; /* 下線との間に少しの隙間 */    margin: 32px 0 16px 0 !important; /* 左マージンを0にして、テキストの開始位置を完璧に揃える */    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;}/* ===========================================   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: 14px !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: 13px !important;}#comments, .comment-respond {    display: none !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;}/* ===========================================   診療メニュー表（レスポンシブ対応）   =========================================== */.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: center;    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;}/* --- 7-1. 受付ステータスと「?」ボタンのレイアウト調整 --- */#hrs-bar {    white-space: normal !important;}/* ▼ モバイル表示時（768px以下）の調整 ▼ */@media (max-width: 768px) {    #hrs-bar {        margin-left: calc(50% - 50vw) !important;        margin-right: calc(50% - 50vw) !important;        width: 100vw !important;        max-width: 100vw !important;    }        /* 【追加】スマホでは文字サイズを小さくして1行に収める */    .hrs-msg.active {        font-size: 13px !important; /* ※まだ改行される場合は12pxに下げてください */        letter-spacing: -0.05em !important; /* 少しだけ文字間を詰めて幅を節約 */    }}/* 上部エリア：?ボタンを落とさない */#hrs-bar-top {    display: flex !important;    flex-direction: row !important;    flex-wrap: nowrap !important;    align-items: center !important;    justify-content: center !important;    width: 100% !important;}.hrs-msg {    display: none !important;}/* ▼【変更】テキストコンテナの調整 ▼ */.hrs-msg.active {    display: inline-flex !important; /* inline-blockから戻し、中身をflexで整列 */    align-items: center !important;    justify-content: center !important;    flex-wrap: wrap !important;      /* 万が一はみ出た時は綺麗に折り返す */    text-align: center !important;    flex-shrink: 1;     min-width: 0;       line-height: 1.4 !important;}/* ドットの縦位置ズレ防止 */.hrs-msg.active .hrs-dot {    display: inline-block !important;    flex-shrink: 0 !important; /* ドットが潰れるのを防ぐ */    margin-right: 4px !important;}/* 「?」ボタン：縮まない・改行しない */#hrs-q {    display: inline-flex !important;    align-items: center !important;    justify-content: center !important;    flex-shrink: 0 !important;    white-space: nowrap !important;    margin-left: 6px !important;    width: 20px !important;    height: 20px !important;    font-size: 11px !important;    line-height: 1 !important;}/* 吹き出し内のテキスト折り返し許可 */#hrs-tip {    white-space: normal !important;    word-break: break-word;}/* --- 7-2. 波紋リングアニメーション ---   パルス速度を気持ち早めに調整。   受付中: 1.8s → 2.0s（元2.4s）   終了:   3.2s（元4.0s） */@keyframes ripple-green {    0%   { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.55);  }    14%  { box-shadow: 0 0 0 5px rgba(76, 175, 80, 0.25); }    28%  { box-shadow: 0 0 0 8px rgba(76, 175, 80, 0);   }    40%  { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.35);  }    54%  { box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.12); }    68%  { box-shadow: 0 0 0 6px rgba(76, 175, 80, 0);   }    100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);     }}@keyframes ripple-orange {    0%   { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.55);  }    14%  { box-shadow: 0 0 0 5px rgba(255, 152, 0, 0.25); }    28%  { box-shadow: 0 0 0 8px rgba(255, 152, 0, 0);   }    40%  { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.35);  }    54%  { box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.12); }    68%  { box-shadow: 0 0 0 6px rgba(255, 152, 0, 0);   }    100% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);     }}@keyframes ripple-blue {    0%   { box-shadow: 0 0 0 0 rgba(66, 165, 245, 0.55);  }    14%  { box-shadow: 0 0 0 5px rgba(66, 165, 245, 0.25); }    28%  { box-shadow: 0 0 0 8px rgba(66, 165, 245, 0);   }    40%  { box-shadow: 0 0 0 0 rgba(66, 165, 245, 0.35);  }    54%  { box-shadow: 0 0 0 4px rgba(66, 165, 245, 0.12); }    68%  { box-shadow: 0 0 0 6px rgba(66, 165, 245, 0);   }    100% { box-shadow: 0 0 0 0 rgba(66, 165, 245, 0);     }}@keyframes ripple-gray {    0%   { box-shadow: 0 0 0 0 rgba(158, 158, 158, 0.4);  }    18%  { box-shadow: 0 0 0 4px rgba(158, 158, 158, 0.15); }    36%  { box-shadow: 0 0 0 6px rgba(158, 158, 158, 0);   }    100% { box-shadow: 0 0 0 0 rgba(158, 158, 158, 0);     }}/* --- 7-3. ドット共通スタイル --- */.hrs-dot {    display: inline-block;    width: 10px;    height: 10px;    border-radius: 50%;    vertical-align: middle;    margin-right: 6px;    flex-shrink: 0;}/* --- 7-4. 状態別カラー＋アニメーション --- *//* 受付中（午前）- 緑 */#hrs-open-am.active .hrs-dot {    background-color: #4caf50 !important;    animation: ripple-green 2.0s ease-out infinite;}/* 受付中（午後）- 緑 */#hrs-open-pm.active .hrs-dot {    background-color: #4caf50 !important;    animation: ripple-green 2.0s ease-out infinite;}/* 昼休み - オレンジ */#hrs-break.active .hrs-dot {    background-color: #ff9800 !important;    animation: ripple-orange 2.2s ease-out infinite;}/* 受付前 - 青 */#hrs-before.active .hrs-dot {    background-color: #42a5f5 !important;    animation: ripple-blue 2.2s ease-out infinite;}/* 終了 - グレー */#hrs-closed.active .hrs-dot {    background-color: #9e9e9e !important;    animation: ripple-gray 3.2s ease-out infinite;}/* 休診日 - グレー */#hrs-holiday.active .hrs-dot {    background-color: #9e9e9e !important;    animation: ripple-gray 3.6s ease-out infinite;}/* 火曜午後休診 - グレー */#hrs-tue-pm.active .hrs-dot {    background-color: #9e9e9e !important;    animation: ripple-gray 3.2s ease-out infinite;}/* --- 7-5. 非アクティブはアニメなし --- */.hrs-msg:not(.active) .hrs-dot {    animation: none !important;    box-shadow: none !important;}/* --- 7-6. スマホ対応 --- */@media screen and (max-width: 599px) {    #hrs-bar {        font-size: 0.9em;        padding-left: 10px;        padding-right: 10px;    }    #hrs-bar-top {        gap: 0 !important;    }    .hrs-dot {        width: 9px;        height: 9px;        margin-right: 5px;    }    #hrs-q {        margin-left: 4px !important;        /* ?のサイズが大きすぎる場合の縮小 */        transform: scale(0.85);        transform-origin: center center;    }}/* モバイル時の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;    }}/* ===========================================   スマホ用 固定アクションバー（Sticky Footer）   =========================================== */.hg-sticky-footer {    position: fixed !important;    bottom: 0 !important;    left: 0 !important;    width: 100% !important;    background: #ffffff !important;    display: flex !important;    box-shadow: 0 -3px 15px rgba(0,0,0,0.1) !important;    z-index: 9999 !important; /* 絶対に一番手前に表示 */    border-top: 1px solid #eeeeee !important;    padding: 10px 0 !important; /* 上下の余白 */}/* PCでは非表示 */@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;    color: #114b79 !important; /* メインのネイビー */    border-right: 1px solid #eeeeee !important;    background-color: transparent !important;}.hg-sticky-item:last-child {    border-right: none !important;}/* アイコン用 */.hg-sticky-icon {    font-size: 24px !important;    margin-bottom: 6px !important;    color: inherit !important;}/* テキスト用 */.hg-sticky-text {    font-size: 11px !important;    font-weight: 700 !important;    color: inherit !important;}/* WEB問診だけ目立たせる場合（アクセントカラー） */.hg-sticky-item--accent {    color: #ef6c00 !important; /* オレンジ */}/* ヘッダーの検索アイコン(🔍)を非表示にする */#header_bar .hidden_search {    display: none !important;}