/*
Theme Name: 中京運輸
Template: twentytwentyfive
Description: 中京運輸株式会社のホームページ（Twenty Twenty-Five の子テーマ）。ページ案（ホームページ/ページ案/_site.py）から wp_export.py で書き出したもの。直接直さない。
Version: 1.0.0
Text Domain: chukyo-express
*/
/* 中京運輸 新しいサイトの共通の見た目（_site.py から書き出し。ここを直接直さない） */
:root{
  --forest:#123C32;--forest-deep:#0B2E27;--green:#277858;--lime:#DBE9A5;--yellow:#F2C230;
  --ink:#1B2925;--ink2:#45554D;--paper:#F6F5EF;--mist:#E8EEE8;--line:#D4DED4;--white:#FFFFFF;
  --ok:#1F6B4C;--ok-bg:#E3F1E8;--ng:#8A4A10;--ng-bg:#FBEBD7;
  --radius:14px;--radius-s:9px;--gutter:20px;--wrap:1120px;--sec:56px;--lh:1.95;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:110px}
@media(min-width:960px){[id]{scroll-margin-top:84px}}
body{margin:0;background:var(--white);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",sans-serif;font-size:16px;line-height:var(--lh);padding-bottom:62px}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.sen{display:block}
.draft{background:var(--yellow);color:var(--ink);font-size:13px;text-align:center;padding:6px var(--gutter);line-height:1.6}

/* ヘッダー */
.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.hd .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:58px}
/* ロゴの下に社名を2段目として文字で出す（社名が小さく読みにくかったため・2026-11-05 キヨさん） */
.hd .logo{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;line-height:1}
.hd .logo img{height:20px;width:auto;display:block}
.hd .logo-name{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.06em;line-height:1.2}
.hd .logo.v1 img{height:19px}
.hd .tel{font-weight:700;text-decoration:none;color:var(--forest);font-size:14px;white-space:nowrap}
.hd nav{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 var(--gutter) 8px;margin:0 auto;max-width:var(--wrap);scrollbar-width:none}
.hd nav::-webkit-scrollbar{display:none}
.hd .in{position:relative}
.hd nav.more-r{-webkit-mask-image:linear-gradient(to right,#000 80%,transparent);mask-image:linear-gradient(to right,#000 80%,transparent)}
.hd .nav-more{display:none;position:absolute;right:6px;bottom:9px;width:22px;height:22px;border-radius:50%;background:var(--forest);color:#fff;font-size:16px;font-weight:900;line-height:20px;text-align:center;pointer-events:none}
.hd.nav-more-r .nav-more{display:block}
.more-r:not(nav){-webkit-mask-image:linear-gradient(to right,#000 85%,rgba(0,0,0,.35));mask-image:linear-gradient(to right,#000 85%,rgba(0,0,0,.35))}
.scroll-hint{margin:0 0 4px;font-size:12.5px;font-weight:700;color:var(--green);text-align:right}
.hd nav a{flex:0 0 auto;text-decoration:none;font-size:13.5px;font-weight:700;color:var(--forest);background:var(--mist);border-radius:99px;padding:3px 12px;line-height:1.7}
.hd nav a[aria-current="page"],.hd nav a.on{background:var(--forest);color:#fff}
/* サブタブ：スマホでは親のすぐ右に小さく並べる */
.hd nav .dd,.hd nav .sub{display:contents}
.hd nav a.sb{font-size:12.5px;font-weight:500;background:#fff;border:1px solid var(--line)}
.hd nav a.sb::before{content:"└ ";color:var(--ink2)}
.hd nav a.sb[aria-current="page"]{background:var(--forest);color:#fff;border-color:var(--forest)}
.hd nav a.sb[aria-current="page"]::before{color:#fff}
@media(min-width:960px){
  .hd .bar{height:70px}
  .hd .logo img{height:24px}
  .hd .logo-name{font-size:15.5px}
  .hd .in{display:flex;align-items:center;justify-content:space-between;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
  .hd .bar{padding:0;max-width:none;margin:0;flex:0 0 auto}
  .hd nav{order:2;padding:0;margin:0 18px;gap:20px;overflow:visible;max-width:none;align-items:center}
  .hd nav a{background:none;padding:0;font-size:14.5px;font-weight:500;color:var(--ink)}
  .hd nav a:hover{color:var(--green)}
  .hd nav a[aria-current="page"],.hd nav a.on{background:none;color:var(--green);font-weight:700}
  /* サブタブ：パソコンでは、安全・品質にマウスを載せると下に出る */
  .hd nav .dd{display:flex;align-items:center;position:relative}  /* ほかの項目と同じ高さに（2026-10-24） */
  .hd nav .dd>a:first-child::after{content:" ▾";font-size:11px}
  .hd nav .sub{display:none;position:absolute;left:-14px;top:100%;padding-top:12px;z-index:30}
  .hd nav .dd:hover .sub,.hd nav .dd:focus-within .sub{display:block}
  .hd nav a.sb{display:block;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);box-shadow:0 6px 18px rgba(18,60,50,.12);padding:10px 16px;font-size:14px;color:var(--ink)}
  .hd nav a.sb::before{content:none}
  .hd nav a.sb:hover{color:var(--green)}
  .hd nav a.sb[aria-current="page"]{background:#fff;color:var(--green);border-color:var(--line);font-weight:700}
  .hd .tel-pc{order:3;font-weight:700;text-decoration:none;color:var(--forest);font-size:14px;white-space:nowrap}
  .hd .bar .tel{display:none}
}
@media(max-width:959px){.hd .tel-pc{display:none}}

/* 小見出し・ページの見出し（下層ページ） */
.kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--green);margin-bottom:4px}
.page-hd{background:var(--forest);color:#fff;padding:36px 0 32px}
.page-hd .kicker{color:var(--lime)}
.page-hd h1{margin:0 0 10px;font-size:clamp(21px,6vw,36px);line-height:1.45;font-weight:900}
.page-hd p{margin:0;color:#EDF4EE;font-size:15px}
.crumb{font-size:12.5px;color:#C6D8CE;margin:0 0 10px}
.crumb a{color:#C6D8CE}

/* 最後のひと押し */
.last{background:var(--forest-deep);color:var(--white);text-align:center;padding:48px 0}
.last h2{margin:0 0 6px;font-size:clamp(22px,6vw,30px);font-weight:900;line-height:1.45}
.last p{margin:0 0 18px;color:#D7E3DB;font-size:15px}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cta a{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px 12px;border-radius:var(--radius-s);text-decoration:none;font-weight:700;font-size:16px;line-height:1.35}
.cta a small{font-size:12px;font-weight:500;opacity:.85}
.cta .ship{background:var(--white);color:var(--forest)}
.cta .job{background:var(--yellow);color:var(--forest)}
.last .cta{max-width:520px;margin:0 auto;text-align:left}

/* フッター */
.ft{background:#081F1A;color:#C6D8CE;padding:26px 0;font-size:13px;line-height:1.8}
.ft nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.ft nav a{text-decoration:none}
.ft .credit a{color:inherit;text-decoration:none}
.ft .credit a:hover{text-decoration:underline}
.ft .credit{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(198,216,206,.25);font-size:12px}

/* スマホ下の固定ボタン */
.fix{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.fix a{display:flex;align-items:center;justify-content:center;height:56px;font-size:14px;font-weight:700;text-decoration:none;color:var(--forest)}
.fix a+a{border-left:1px solid var(--line)}
.fix .e{background:var(--yellow);border-left:0}
@media(min-width:960px){body{padding-bottom:0}.fix{display:none}}

/* 社長に確かめるところの印（確認用のページだけ。本番に入れるときは消す） */
.kk{background:#FFF0A8;border-bottom:2px solid #E0B400;padding:0 2px}
.kk-tag{display:inline-block;margin-left:4px;font-size:11px;font-weight:700;color:#7A5A00;background:#FFE27A;border-radius:4px;padding:0 5px;line-height:1.6;vertical-align:1px;white-space:nowrap}
.kk-box{background:#FFF8D6;border:1.5px dashed #E0B400;border-radius:9px;padding:10px 14px;font-size:13.5px;line-height:1.75;color:#5A4500;margin:12px 0 0}
.kk-box b{color:#7A5A00}
.kk-legend{background:#FFF8D6;border-bottom:1px solid #E0B400;font-size:13.5px;line-height:1.7;padding:10px 0;color:#5A4500}

/* 準備中のページ */
.soon{padding:60px 0;text-align:center;color:var(--ink2)}
.soon b{display:block;font-size:20px;color:var(--forest);margin-bottom:6px}

/* 読み物の終わりの「ほかの読み物」（2026-11-06 キヨさん「ほかの読み物に移りやすく」） */
.more-reads{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:760px){.more-reads{grid-template-columns:1fr 1fr}}
.more-reads a{display:block;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 16px;text-decoration:none}
.more-reads a:hover{border-color:var(--forest)}
.more-reads b{display:block;color:var(--forest);font-size:15.5px;line-height:1.6}
.more-reads span{display:block;font-size:13px;color:var(--ink2);line-height:1.6;margin-top:2px}
.more-all{margin:18px 0 0;font-weight:700}
.more-all a{color:var(--forest)}
.art-side{background:var(--paper);padding:var(--sec) var(--gutter)}
.art-side .side-x{margin:8px 0 0}
@media(min-width:1000px){
  .art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
  .art-body .wrap{max-width:none;padding:0}
  .art-side{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;margin:32px 0;padding:18px 16px;border-radius:var(--radius);border:1px solid var(--line)}
  .art-side h2.t{font-size:18px;margin-bottom:10px}
  .art-side .more-reads{grid-template-columns:1fr;gap:8px}
  .art-side .more-reads a{padding:10px 12px}
  .art-side .more-reads b{font-size:14px}
  .art-side .more-reads span{font-size:12px}
  .art-side .more-all{font-size:14px;margin-top:12px}
}

/* WordPress 用の調整（wp_export.py） */
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*{margin-block-start:0!important;margin-block-end:0!important}
main.wp-block-group>.entry-content>*{margin-block-start:0;margin-block-end:0;max-width:none}
.entry-content{margin:0}
.wp-block-post-content>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
body{font-family:"Noto Sans JP","Yu Gothic",sans-serif!important}
/* Contact Form 7 をページ案のフォームの見た目に合わせる */
.cf7-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.cf7-wrap p{margin:0 0 18px;font-weight:700;color:var(--forest);font-size:15px;line-height:1.6}
.cf7-wrap input[type=text],.cf7-wrap input[type=email],.cf7-wrap input[type=tel],.cf7-wrap select,.cf7-wrap textarea{display:block;width:100%;max-width:100%;margin-top:6px;font:inherit;font-weight:400;font-size:16px;padding:12px;border:1.5px solid #B8C6BC;border-radius:8px;background:#FBFCFB;color:var(--ink)}
.cf7-wrap textarea{min-height:160px}
.cf7-wrap .wpcf7-list-item{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink);background:var(--mist);border-radius:99px;padding:6px 14px;margin:0 8px 8px 0;font-size:14.5px}
.cf7-wrap input[type=submit]{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:var(--radius-s);background:var(--yellow);color:var(--forest);font:inherit;font-size:17px;font-weight:900;cursor:pointer}
.cf7-wrap .wpcf7-spinner{display:block;margin:8px auto 0}
.cf7-wrap .wpcf7-not-valid-tip{font-size:13px;font-weight:500}
.cf7-wrap .wpcf7-response-output{font-size:14px;font-weight:500;margin:12px 0 0;border-radius:8px}