@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500&display=swap");
/* 全ページ共通のヘッダー・フッターを、TOP・料金ページの新デザイン（生成り・木の茶色）にそろえる。2026-10-12 社長OK。
   既存の style_new.css は変えず、この上書きだけを header.php から読み込む。戻す＝header.php の読み込み1行を外す。 */
:root{--fg-paper:#fcfaf6;--fg-cream:#f7f2ea;--fg-wood:#7a5c43;--fg-ink:#2a2622;--fg-ink2:#5d554d;--fg-line:#e6ddd0;--fg-green:#9be213}

/* ヘッダー */
header{background:var(--fg-paper)!important;border-bottom:1px solid var(--fg-line)}
header#topheader{background:transparent!important;border-bottom-color:transparent}
header#topheader.white{background:var(--fg-paper)!important;border-bottom-color:var(--fg-line)}
header .logo h1 b,header .logo .logoText b{font-weight:500;letter-spacing:.06em;color:var(--fg-ink)}
header .header_menu nav ul li{background-image:none!important;padding-left:0!important;margin-left:22px!important;font-weight:500!important;letter-spacing:.06em}
header .header_menu nav ul li:first-child{margin-left:0!important}
header .header_menu nav ul li a{color:var(--fg-ink)!important;transition:color .2s}
header .header_menu nav ul li a:hover{color:var(--fg-wood)!important;text-decoration:none!important}
.nav .sitemap_menu ul li a{font-weight:500!important;letter-spacing:.06em}
.nav .sitemap_menu ul li a:hover{color:var(--fg-green)!important}

/* フッター */
footer .footer_inner-left,footer .footer_inner-right{background:var(--fg-ink)!important}
footer .footer_inner-left .footer_list li a{color:var(--fg-cream)!important;letter-spacing:.06em}
footer .footer_inner-left .footer_list li a:hover{color:var(--fg-green)!important;text-decoration:none!important}
footer .footer_inner-box-link-item{border-radius:999px!important;background-color:var(--fg-green)!important;color:#16181b!important;box-shadow:0 8px 22px #9be21340}
footer p#copyright{background:var(--fg-paper);color:var(--fg-ink2);letter-spacing:.1em}
@media (max-width:768px){footer .footer_inner-left .footer_list li{font-size:3.4vw!important;white-space:nowrap}}

/* フッターの文字も新デザインと同じ書体に（2026-10-12 社長） */
footer,footer a,footer p#copyright,.footer_inner-box-link-item{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important}
footer .footer_inner-left .footer_list li a{font-weight:500!important}

/* スクロールについてくる申込みボタン（2026-10-12）：1つの丸いボタン */
.fg-float{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;width:min(92vw,400px)}
.fg-float a{display:flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;border-radius:999px;background:var(--fg-green);color:#16181b!important;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:700;font-size:15px;letter-spacing:.08em;text-decoration:none!important;box-shadow:0 10px 28px #2a26223d,0 4px 12px #9be21359;transition:transform .25s}
.fg-float a::after{content:"→"}
.fg-float a:hover{transform:translateY(-2px)}
@media (min-width:769px){.fg-float{left:auto;right:28px;transform:none;width:340px}}

/* パンくず（TOP > …）の帯を、ページの上の色（生成り）にそろえる（2026-10-12 社長） */
#pankuzu{background:#f7f2ea!important;box-shadow:0 0 0 100vmax #f7f2ea;clip-path:inset(0 -100vmax)}
/* スマホではパンくずの帯を画面の端まで（左右の余白を内側に）（2026-10-12） */
@media (max-width:768px){#pankuzu{margin-left:0!important;margin-right:0!important;width:auto!important;padding-left:15px!important;padding-right:15px!important;box-shadow:none!important;clip-path:none!important}}
/* お問い合わせページの背景を、パンくずと同じ生成りに（2026-10-12） */
#contactin{background-color:#f7f2ea!important}

/* フッターを黒から明るいベージュに（2026-10-12 社長：黒は威圧感がある）。ロゴは濃い色の logo.png（footer.php）。矢印（›）は付けない（社長） */
footer{border-top:1px solid var(--fg-line)}
footer .footer_inner-left,footer .footer_inner-right{background:#efe6d8!important}
footer .footer_inner-left .footer_list li a{color:var(--fg-ink)!important;background-image:none!important;padding-left:0!important}
footer .footer_inner-left .footer_list li a:hover{color:var(--fg-wood)!important;text-decoration:underline!important}
footer .footer_inner-right .footer_sns li img{filter:brightness(0);opacity:.72}
footer .footer_inner-right .footer_sns li img:hover{opacity:1}
footer .footer_inner-box-link-item{box-shadow:0 8px 22px #7a5c4326!important}

/* 記事一覧（カテゴリー・お知らせ・お客さまの声）を記事ページと同じ雰囲気に（2026-10-12 社長）：生成りの背景・白い角丸カード */
#topic_list{background:#f7f2ea;box-shadow:0 0 0 100vmax #f7f2ea;clip-path:inset(0 -100vmax);padding:8px 0 64px!important}
#topic_list .inner{max-width:1080px;margin:0 auto}
#topic_list .under_title2,#topic_list h2.title{font:italic 500 30px/1.1 "Cormorant Garamond",serif!important;letter-spacing:.14em;color:#7a5c43!important;text-align:center;margin:28px 0 22px!important}
#topic_list .under_title2 .under_title2-txt,#topic_list h2.title span{display:block;margin-top:6px;font:500 12px/1 "Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;font-style:normal;letter-spacing:.2em;color:#5d554d}
#topic_list .cat_list ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 32px;padding:0}
#topic_list .cat_list li{background:none!important;padding:0!important;margin:0!important;list-style:none}
#topic_list .cat_list li a{display:inline-block;padding:7px 14px!important;border:1px solid #e6ddd0;border-radius:999px;background:#fff;color:#2a2622!important;font-size:12px!important;font-weight:500;letter-spacing:.06em;text-decoration:none!important}
#topic_list .cat_list li a:hover,#topic_list .cat_list li.current-cat a{border-color:#7a5c43;color:#7a5c43!important}
#topic_list .box{background:#fff;border:1px solid #efe6d8;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #7a5c4312;transition:transform .25s,box-shadow .25s}
#topic_list .box:hover{transform:translateY(-3px);box-shadow:0 14px 30px #7a5c431f}
#topic_list .box .img{background-color:#efe6d8}
#topic_list .box .text{padding:16px 18px 20px!important}
#topic_list .box .date{color:#5d554d!important;letter-spacing:.1em}
#topic_list .box .cat a{border:1px solid #c9b49b!important;border-radius:999px;background:#fff;color:#7a5c43!important;padding:3px 12px!important;text-decoration:none!important}
#topic_list .box h3{color:#2a2622!important;line-height:1.6!important;letter-spacing:.03em}
#topic_list .wp-pagenavi{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#topic_list .wp-pagenavi a,#topic_list .wp-pagenavi span{min-width:38px;padding:8px 10px!important;border:1px solid #e6ddd0!important;border-radius:999px;background:#fff;color:#2a2622!important;text-align:center;text-decoration:none!important;box-sizing:border-box}
#topic_list .wp-pagenavi .current{background:#7a5c43!important;border-color:#7a5c43!important;color:#fff!important}
#topic_list h2.title span{border:0!important;background:none!important;padding:0!important;width:auto!important}