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

/* ---------- 静的化の調整（PC） ---------- */
:root{--red:#E23733;--brown:#4C3B27}
.sp-only{display:none !important}
.menu-btn,.sp-tel-btn{display:none}
#header-info-tel a,#top-info-tel a,#access-info-tel a,#footer-info-tel a{color:#E23733;text-decoration:none}
#header #logo{background:none}
nav#gnav{z-index:5}
.map-frame iframe{display:block;width:100%;height:480px;border:0}
#access-map.map-frame iframe{height:420px}
#side-price{position:fixed;top:120px;right:0}
h2#top-intro-setumei-title,h2#top-flow-title,h2#top-news-title,h2#kyotaku-top-catch,h2#access-top-text{font-weight:normal}
#top-news-r ul li{display:flex;gap:30px}
#top-news-r ul li span{margin-right:0;flex-shrink:0}
#top-news-r ul li a{text-decoration:none}
#top-news-r ul li a:hover{text-decoration:underline}
#price{scroll-margin-top:20px}
#top-intro-catch .indent{font-size:inherit}
#day{scroll-margin-top:20px}

/* お知らせ一覧（サイドバーなしの1カラム） */
.news #contents{width:auto;float:none;margin:0}
.all-news-box{scroll-margin-top:20px}
.all-news-catch{font-weight:normal;text-align:left;margin-bottom:12px}
.all-news-text p{margin-bottom:10px}
.news-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.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 #C1BEAC;border-radius:24px;
  background:#FFF;text-decoration:none;font-size:15px;line-height:1.4;
}
.news-files a::before{content:"";width:18px;height:22px;flex-shrink:0;background:linear-gradient(135deg,#fff 0 30%,transparent 30%),#E23733;border-radius:2px}
.news-files a.file::before{background:linear-gradient(135deg,#fff 0 30%,transparent 30%),#8F6700}
.news-files a small{flex-shrink:0;font-size:11px;color:#fff;background:#E23733;border-radius:3px;padding:0 6px;letter-spacing:.06em}
.news-files a:hover{border-color:#E23733;opacity:1}

/* 施設紹介：公開資料 */
.disclosure{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 26px}
.disclosure a{display:inline-block;padding:6px 18px;border:1px solid #C1BEAC;border-radius:20px;text-decoration:none;font-size:15px;line-height:1.4;background:#fff}
.disclosure a::after{content:"PDF";font-size:10px;color:#fff;background:#E23733;border-radius:3px;padding:0 5px;margin-left:8px;vertical-align:2px}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
html{scroll-behavior:smooth}

/* =========================================================
   スマホ（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#header-area{height:auto;padding-bottom:70px}
  .home header#header-area{height:auto;padding-bottom:0}
  #header-area-bg,.home #header-area-bg{height:100%;background-attachment:scroll !important;background-position:center top !important}
  #header-area-bg::before,.home #header-area-bg::before{height:60px}
  #header,#header-bar,.home #header-bar{height:auto}
  #header-bar{padding-bottom:6px}
  #header-bar:before{bottom:-12px;height:12px}
  #header-bar-area{width:auto;height:auto;padding:0 12px;min-height:72px}
  #header h1{font-size:9px;text-align:left;padding:4px 56px 0 92px;line-height:1.4;margin-bottom:4px}
  #header #logo{top:6px;left:12px;width:70px;height:104px}
  #header-info-area{display:none}
  .menu-btn{display:block;position:absolute;top:8px;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:#4C3B27;transition:.3s}
  .menu-btn em{display:block;font-style:normal;font-size:9px;color:#4C3B27;line-height:1;letter-spacing:0}
  .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#gnav,.home nav#gnav{
    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#gnav{opacity:1;visibility:visible}
  .menu-open{overflow:hidden}
  nav#gnav ul{text-align:left}
  nav#gnav ul li{display:block;margin:0;border-bottom:1px solid #EEE;font-size:18px}
  nav#gnav ul li a,.home nav#gnav ul li a{display:block;padding:14px 4px;color:#4C3B27 !important}

  #header-top-catch-area{width:auto;padding:70px 16px 0}
  .home #header-top-catch-area{height:330px;padding:0}
  #header-top-icon{width:110px;top:170px;left:auto;right:12px}
  #header-top-catch{width:72%;top:64px;right:auto;left:14px}
  #header-catch{font-size:24px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
  #breadNavi{text-shadow:0 1px 4px rgba(0,0,0,.4)}

  /* 本文 */
  #main{width:auto;padding-bottom:30px}
  #contents-area{width:auto;margin:-10px 10px 0;padding:30px 16px;background:rgba(255,255,255,.95)}
  h3{font-size:20px}
  h3 span,#top-intro-setumei-title span{font-size:18px;padding:4px 20px}
  #top-kyotaku-banner{margin:0 10px 30px;width:auto}
  .home #top-kyotaku-banner{margin:0}
  #top-kyotaku-banner a{display:block}
  #top-kyotaku-img{display:block;width:100%;height:120px}
  #top-kyotaku-catch,p#top-kyotaku-text{display:block;width:auto;padding:10px 16px 0}
  p#top-kyotaku-text{padding:6px 16px 14px;font-size:13px}
  #top-kyotaku-catch{font-size:20px}

  /* TOP */
  #top-point-area{width:auto;margin:0 10px 30px}
  .home #top-point{padding:20px 16px}
  #top-point{margin-bottom:24px}
  #top-point ul li{width:auto;float:none;margin:0 0 30px}
  #top-point ul li:last-child{margin-bottom:0}
  .top-point-catch{font-size:22px}
  #top-intro-area{padding:30px 10px}
  #top-intro{width:auto}
  #top-intro-catch{position:static;writing-mode:horizontal-tb;display:block;font-size:18px;text-align:center;margin:20px 0 24px}
  #top-intro-catch span{font-size:22px}
  #top-intro-catch br,#top-intro-catch .indent{display:none}
  #top-riyo-price{position:static;width:120px;margin:0 auto 20px}
  #top-intro-setumei{width:auto;margin:0;padding-top:0}
  #top-intro-setumei-title{font-size:20px;margin-bottom:16px}
  #top-intro-setumei-text{font-size:14px;text-align:left}
  #top-intro-setumei-text br{display:none}
  #top-intro-box{padding:20px 12px;margin-bottom:24px}
  ul#top-intro-img{display:flex;gap:6px;margin-bottom:20px}
  ul#top-intro-img li,#access-info-r ul#top-intro-img li{flex:1;width:auto;height:70px;margin:0}
  p#top-riyo-week{font-size:17px}
  ul#top-riyo-time{display:flex;gap:10px;margin-bottom:24px}
  ul#top-riyo-time li{flex:1;width:auto;margin:0;font-size:22px}
  ul#top-riyo-time li span{font-size:13px}

  #top-flow-area,.home #top-flow-area{margin:0 -16px;padding:36px 16px;background-attachment:scroll}
  .home #top-flow-area{margin:0}
  .home #top-flow{width:auto}
  #top-flow-title{font-size:20px;margin-bottom:24px}
  #top-flow-line{display:none}
  .flow-sp{list-style:none;margin:0 0 24px;padding:0}
  .flow-sp li{display:flex;gap:14px;color:#fff;font-size:15px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}
  .flow-sp time{flex:0 0 64px;font-family:'utsukushi',serif;color:#F3D9A4}
  ul#top-flow-hosoku{padding-left:0}
  ul#top-flow-hosoku li{font-size:13px;padding-left:1.4em;text-indent:-1.4em}
  ul#top-flow-hosoku li:before{margin-right:6px}
  #top-flow-img{position:static;width:110px;margin:16px 0 0 auto}

  #top-info-area{padding:30px 16px}
  #top-info,#top-news{display:block;width:auto}
  #top-info-l,#top-info-r,#top-news-l,#top-news-r{display:block;width:auto}
  #top-info-l{margin-bottom:24px}
  #top-info-name{font-size:20px}
  #top-info-address{font-size:14px;line-height:1.6}
  #top-info-tel-top{font-size:18px;line-height:1.6}
  #top-info-tel-top span{font-size:24px}
  #top-info-tel span,#access-info-tel span{font-size:26px;margin-right:0}
  #top-info-tel{line-height:1.8}
  #top-info-tel a{display:block}
  .map-frame iframe{height:300px}
  #top-map-access{width:110px;left:10px;bottom:-30px}
  #top-news-area{padding:50px 16px 30px}
  #top-news-l{margin-bottom:20px}
  #top-news-title{font-size:20px;margin-bottom:12px}
  #top-news-r ul li{display:block;font-size:15px;line-height:1.6}
  #top-news-r ul li span{display:block;font-size:13px}

  /* デイサービス：料金 */
  #price-area{display:block;margin:0}
  #price-area-l,#price-area-r{width:auto;border-right:0}
  #price-area-l .price-box,#price-area-r .price-box{padding:0}
  #price-area .price-box{padding:28px 0 !important;border-bottom:1px dashed #D8D8D8}
  #price-area-r .price-box:last-child{border-bottom:0}
  .price-title{font-size:19px}
  .price-syokuji.utu{font-size:15px}
  .price-list th,.price-list td,.price-1kai-list th,.price-1kai-list td{padding:10px 8px;font-size:14px}
  .price-list,.price-1kai-list{width:100%}

  /* 居宅介護支援 */
  #kyotaku-top-catch{font-size:22px}
  #kyotaku-top-text{font-size:14px;text-align:left}
  #kyotaku-flow-img{margin-bottom:30px}
  #kyotaku-check-area{margin:0 -16px 30px;padding:30px 20px;background-size:cover}
  #kyotaku-check-area ul li{font-size:16px}
  #kyotaku-bottom{font-size:17px}

  /* 施設紹介 */
  #access-top-text{font-size:19px;line-height:1.6}
  #access-map{margin:0 -16px 30px}
  #access-info-l,#access-info-r{width:auto;float:none}
  #access-info-l{margin-bottom:24px}
  #access-info-icon{display:none}
  #access-info-name{font-size:20px}
  #access-info-address{font-size:14px;line-height:1.6}

  /* お知らせ */
  .all-news-catch{font-size:19px}
  .news-files a{font-size:14px}

  /* フッター */
  #footer{width:auto;padding:30px 16px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
  #footer-logo-area,#footer-info-area,#footer-navi-area{float:none;width:auto;margin:0 0 20px}
  #footer-logo-area{width:80px}
  #footer-info-tel{font-size:26px}
  #footer-navi{display:flex;justify-content:center;gap:24px;text-align:left}
  #footer-navi-l,#footer-navi-r{width:auto;margin:0}
  #banner-takagi{max-width:260px;margin:0 auto}
  address{padding:10px 16px 16px;line-height:1.6}
  .pagetop{width:54px;height:56px;bottom:auto;top:-70px;right:8px}
  .pagetop a{width:54px;height:56px}
  #side-price{display:none}

  /* 画面下の電話ボタン */
  .sp-tel-btn{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;height:60px;
    background:#E23733;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}
}