@charset "utf-8";
/* =========================================================
   高木医院  静的HTML版の追加CSS（2026.10）
   style.css＝旧テーマのデザインそのまま／このファイル＝静的化の調整とスマホ表示
   ========================================================= */

/* ---------- 静的化の調整（PC） ---------- */
.sp-only{display:none !important}
.menu-btn,.sp-tel-btn{display:none}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#header-tel-dai a,#side-clinic-tel a,#top-clinic-tel a{color:#173179;text-decoration:none}
nav#global-navi ul li a[aria-current]{color:#5280D1}
nav#global-navi ul{font-size:0;white-space:nowrap}
.map-frame iframe{display:block;width:100%;height:450px;border:0}
#guide-main-area .guide-main-box,#haien,#inhuru,#kasan{scroll-margin-top:90px}
#top-kamoku-main-top-catch{font-weight:normal}

/* 医院案内：施設基準の掲示 */
.kasan-box{margin-bottom:26px;padding-bottom:20px;border-bottom:1px dashed #E3E9F2}
.kasan-box:last-child{border-bottom:0}
.kasan-box h4{margin-bottom:10px;line-height:1.5}
.kasan-box p{font-size:14px;line-height:1.9;margin:0}
#kasan{margin-bottom:40px}

/* アクセス */
.access-img{margin-bottom:20px}
.access-img img{width:100%}
.notice-box{background:#F3F9FD;border:1px solid #D6E4F5;padding:24px;text-align:center;color:#173179;margin-bottom:20px}
.notice-box p{color:#173179;font-size:15px;line-height:1.8;margin-bottom:12px}
.notice-box p:last-child{margin-bottom:0}
.notice-title{font-size:20px !important}
.notice-name{font-size:20px !important}
.notice-box a{color:#173179}

/* お知らせ一覧 */
.all-news-box{border-bottom:1px dashed #DDD;padding-bottom:36px;margin-bottom:36px;scroll-margin-top:90px}
.all-news-date{color:#5280D1}
.all-news-catch{font-weight:normal}
.all-news-text p{margin-bottom:10px}
.news-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;list-style:none}
.news-files a{
  display:inline-flex;align-items:center;gap:10px;max-width:100%;box-sizing:border-box;padding:8px 18px 8px 14px;
  border:1px solid #5280D1;color:#5280D1 !important;text-decoration:none;font-size:14px;line-height:1.4;background:#FFF
}
.news-files a::before{content:"";width:6px;height:6px;border-top:2px solid #5280D1;border-right:2px solid #5280D1;transform:rotate(45deg);flex-shrink:0}
.news-files a.pdf::before{width:16px;height:20px;border:0;transform:none;background:linear-gradient(135deg,#fff 0 30%,transparent 30%),#D02619;border-radius:2px}
.news-files a small{flex-shrink:0;font-size:10px;color:#fff;background:#D02619;padding:0 5px;letter-spacing:.06em}
#all-news-area .news-files li{border:0;padding:0;margin:0}
#top-news-r ul li a{text-decoration:none}
#top-news-r ul li a:hover{text-decoration:underline}

/* =========================================================
   スマホ（767px以下）
   ========================================================= */
@media (max-width:767px){
  #wrapper,#wrapper-sp{min-width:0}
  body{padding-bottom:60px}
  body,p,td,th,li{font-size:14px}
  .sp-only{display:block !important}
  .pc-only{display:none !important}
  img{height:auto}

  /* ヘッダー */
  #header-top{width:auto;height:auto;padding:0 12px 10px}
  #header-top h1{font-size:9px;line-height:1.5;padding:4px 50px 4px 0}
  #header-top #logo{position:static;display:inline-block;vertical-align:middle;margin:0}
  #header-top #logo a{width:130px;height:45px}
  #header-kamoku{position:static;display:inline-block;vertical-align:middle;margin-left:8px;font-size:14px}
  #header-tel-dai,#header-info{display:none}
  .menu-btn{display:block;position:absolute;top:10px;right:8px;width:46px;height:46px;padding:0;border:0;background:none;cursor:pointer;z-index:200}
  .menu-btn span{display:block;width:26px;height:2px;margin:6px auto;background:#173179;transition:.3s}
  .menu-btn em{display:block;font-style:normal;font-size:9px;color:#173179;line-height:1;letter-spacing:0}
  .menu-open .menu-btn{position:fixed}
  .menu-open .menu-btn span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-open .menu-btn span:nth-child(2){opacity:0}
  .menu-open .menu-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  #nav-content{height:0;margin:0}
  #nav-box,#nav-content .follow{position:static;padding:0;background:none}
  nav#global-navi{
    position:fixed;inset:0;width:100%;box-sizing:border-box;margin:0;padding:80px 24px 30px;background:#FFF;z-index:150;
    overflow-y:auto;opacity:0;visibility:hidden;transition:.3s;
  }
  .menu-open nav#global-navi{opacity:1;visibility:visible}
  .menu-open{overflow:hidden}
  nav#global-navi ul{text-align:left;white-space:normal}
  nav#global-navi ul li,nav#global-navi ul li:last-child{display:block;padding:0;background:none;border-bottom:1px solid #EEE;text-align:left;font-size:17px}
  nav#global-navi ul li a{height:auto;padding:14px 4px}
  nav#global-navi ul li br{display:none}
  nav#global-navi ul li span{margin-left:10px}
  nav#global-navi ul li.nav1 a{text-indent:0;background:none;width:auto;height:auto}

  .home #header-area{height:auto;background-attachment:scroll;background-size:cover;background-position:30% top !important}
  #header-top-image{width:auto}
  #header-catch-area{padding:30px 16px 40px;text-align:right}
  #header-catch-catch{font-size:24px;text-shadow:0 0 8px #fff,0 0 8px #fff}
  #header-catch-text{font-size:12px;line-height:1.9;text-shadow:0 0 6px #fff,0 0 6px #fff}
  #header-catch-text br{display:none}

  /* TOP */
  #top-kamoku-main-top{padding:30px 16px}
  #top-kamoku-main-top-catch{margin-top:-20px}
  #top-kamoku-main-top-catch img{width:100%}
  #top-kamoku-main-top-text{font-size:13px;text-align:left}
  #top-kamoku-main-top-text br{display:none}
  #top-kamoku-main-area li{width:100%;border-right:0;border-bottom:1px solid #EFEFEF;padding-bottom:30px}
  .top-kamoku-main-img{height:200px}
  .top-kamoku-main-name{font-size:22px}
  .top-kamoku-main-text{padding:0 16px}
  #top-kamoku-other-area{padding:30px 16px 80px}
  #top-kamoku-other{width:auto}
  #top-kamoku-other ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
  #top-kamoku-other ul li,#top-kamoku-other ul li:nth-child(4n){width:auto;height:auto;line-height:1.4;padding:14px 4px;margin:0;font-size:16px;float:none}
  #top-kamoku-other ul li:last-child{font-size:14px}
  #top-kamoku-other ul li:before{width:calc(100% - 8px);height:calc(100% - 8px)}
  #top-kamoku-other ul li span{display:block;font-size:11px}
  #top-kamoku-other-text{font-size:15px}
  #top-kamoku-other-text br{display:none}
  #top-clinic-toku{width:auto;padding:0 16px}
  #top-clinic-toku ul li,#top-clinic-toku ul li:nth-child(even){width:auto;float:none;margin:0 0 30px}
  .top-clinic-toku-img{width:100%;height:auto;aspect-ratio:480/224}
  .top-clinic-toku-img img{height:100%;object-fit:cover}
  .top-clinic-toku-catch{font-size:19px;line-height:1.4}
  #top-news-area{padding:40px 16px}
  #top-news{width:auto;margin-bottom:24px}
  #top-news-l,#top-news-r{width:auto;float:none}
  #top-news-r ul li{line-height:1.6;margin-bottom:12px}
  .top-news-date{display:block;margin:0;font-size:12px}
  #top-news-more{position:static;text-align:center;margin-top:16px}
  #top-news-banner{width:auto}
  #top-news-banner ul li,#top-news-banner ul li:last-child{width:auto;float:none;margin:0 0 12px}
  #top-clinic-info-area{padding:36px 16px;background:#FFF}
  #top-clinic-info{width:auto;padding:0}
  .top-clinic-logo-d{font-size:24px}
  #top-clinic-tel span{font-size:28px}
  .time-t{width:100%}
  .time-t th,.time-t td{font-size:12px;padding:8px 2px}
  .time-t td img{width:16px}
  #top-clinic-close{line-height:1.6}

  /* 下層ページ */
  #main{padding:20px 0 30px}
  #contents-area{width:auto;padding:0 16px 30px}
  #contents{width:auto;float:none;margin:0}
  #catcharea{padding:10px 0 30px}
  h2#pagename{font-size:24px}
  #side_left{width:auto;float:none;margin-top:40px}
  .side-kamoku-main-img{height:110px}
  #side-clinic-info{max-width:400px;margin:0 auto}
  .page-h3{font-size:20px;line-height:1.5}
  .page-h3 span{padding:0 10px 10px}
  h4{font-size:18px;line-height:1.5;margin-bottom:12px}
  .takagi-t tr th,.takagi-t tr td{padding:12px 10px;font-size:13px}
  .takagi-t tr th{width:36%}
  .bluebox{padding:16px}
  .bluebox ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .bluebox ul li,
  #clinic-renkei-area .bluebox ul li,#guide-other-area .bluebox ul li,#greeting-dr-r .bluebox ul li,#inhuru .bluebox ul li{
    width:auto !important;height:auto;line-height:1.5;padding:12px 6px;margin:0 !important;float:none;font-size:13px
  }
  #inhuru .bluebox ul{grid-template-columns:1fr}

  #greeting-top-title{font-size:20px}
  #greeting-top-text{text-align:left}
  #greeting-dr-l,#greeting-dr-r{width:auto;float:none;margin:0 0 24px}
  #greeting-dr-l{max-width:220px;margin:0 auto 24px}
  #clinic-tokutyou-area ul li,#clinic-tokutyou-area ul li:nth-child(even){width:auto;float:none;margin:0 0 24px}
  #clinic-tokutei-l,#clinic-tokutei-r{width:auto;float:none;margin:0}
  #guide-kamoku ul li{width:44%;font-size:20px;margin:0 2% 10px}
  .guide-main-img{width:auto;height:180px}
  .guide-main-box h4{font-size:22px}
  #sleep-box ul li{width:100%;padding:24px 16px 24px 70px;border-right:0}
  #sleep-box ul li:before{left:16px;top:24px;width:36px;line-height:36px;font-size:22px}
  .sleep-catch{font-size:17px}
  .sitemap-retu{width:auto;float:none;margin:0 0 10px}
  #access-text{font-size:15px}
  #access-text span{font-size:16px}
  .notice-box{padding:18px 12px}
  .all-news-catch{font-size:18px}
  .notice-box p{font-size:14px}

  /* 地図・フッター */
  .map-frame iframe{height:300px}
  #footer{width:auto;padding:30px 16px;text-align:center}
  #footer-info-area,#footer-navi-area,#footer-banner-area{width:auto;float:none;margin:0 0 24px}
  #footer-logo img{width:150px;margin:0 0 6px}
  #footer-logo span{display:block}
  #footer-navi-area{display:flex;justify-content:center;gap:16px;text-align:left}
  .footer-navi-box{width:auto;float:none}
  #footer-banner-area{max-width:240px;margin:0 auto}
  #footer-bottom{width:auto;padding:20px 16px 30px}
  #footer-link,address{float:none;width:auto;text-align:center}
  #footer-link ul{display:flex;justify-content:center;gap:20px;margin-bottom:14px}
  #footer-link ul li{float:none;margin:0}
  address{line-height:1.6}
  #backtop{bottom:auto;top:-50px}

  /* 画面下の電話ボタン */
  .sp-tel-btn{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;height:60px;
    background:#173179;color:#FFF !important;text-decoration:none !important;align-items:center;justify-content:center;gap:10px;
    font-family:'utsukushi',serif;font-size:21px;letter-spacing:.06em;box-shadow:0 -2px 8px rgba(0,0,0,.12)
  }
  .sp-tel-btn small{font-family:sans-serif;font-size:11px;line-height:1.3;text-align:left;letter-spacing:0}
  .sp-tel-btn:hover{opacity:1}
}