/* rd-chrome.css（生成ファイル。redesign-work/scripts/31_build_chrome_css.py）
 * 対象外ページ（リデザインしない旧デザインのページ）に、新しいヘッダー・メニュー・フッター・#bar を載せるためのCSS。
 * <body id="rd-lg"> のページだけに効く。リデザインのページ（css/rd/<グループ>.css）では読み込まない。
 * 元は支給の course 版CSS。ヘッダー・フッター・#bar の規則だけを取り出し、本文には効かせない。
 *
 * 1. 旧CSSの打ち消し: ヘッダー・フッター・#bar の中の要素に all:unset（SVG は除く）
 * 2. 変数と、body に書かれていた文字の指定をヘッダー・フッター・#bar に移す（all:unset の後ろ）
 * 3. ブラウザ標準の表示を戻す（display など）
 * 4. 支給CSSの全体向けの規則（*, img, ul, p, h1..h5, a, :focus-visible）を、ヘッダー・フッター・#bar の中だけに入れ直す
 * 5. 支給CSSのヘッダー・フッター・#bar の規則（頭に #rd-lg#rd-lg）。PC/SP の切り替えは旧テーマに合わせて 768px
 * 5b. ヘッダー・フッター・#bar の中で使うクラスだけの規則（.nw）
 * 5c. PCの基準の文字（15px/1.8）、スマホの body 下余白（#bar が最後を隠さない）、scroll-padding-top（sticky のヘッダーに隠れない）
 * 6. 旧CSSの !important への対処、旧テーマの本文側の逃がし
 */

/* 1. 旧CSSの打ち消し */
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar),
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(*:not(svg,svg *)),
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(*)::before,
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(*)::after{all:unset}

/* 2. 変数・文字の指定（all:unset の後ろに置く） */
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar){--sea:#F5F8FA;--surf:#E0F0F7;--pale:#EAF3F8;--pale2:#EEF5F9;--paper:#FFFFFF;--line:#DCE6EC;--line2:#D8E3EA;--ink:#1F3A4D;--ink-soft:#50657A;--rose:#B33658;--rose-deep:#8F2946;--rose-tint:#F8ECEF;--line-g:#038537;--ftr:#1A3344;--ftr-tx:#C3D3DE;--f-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--f-sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--wrap:1220px;--gut:clamp(20px,5vw,64px);--sec:clamp(44px,6.4vw,96px);--rule:rgba(31,58,77,.14);font-style:normal;font-weight:400;font-variant:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal;visibility:visible;cursor:auto;text-shadow:none}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar){color:var(--ink);font-family:var(--f-sans);font-size:14px;line-height:1.75;letter-spacing:.018em;word-break:normal;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}

/* 3. ブラウザ標準の表示 */
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar),#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(header,nav,footer,section,div,ul,ol,p,h1,h2,h3,h4,h5,h6,form){display:block}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(li){display:list-item}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(h1){font-size:2em;font-weight:700}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(h2){font-size:1.5em;font-weight:700}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(h3){font-size:1.17em;font-weight:700}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(b,strong){font-weight:bolder}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(small){font-size:smaller}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(a:any-link){text-decoration:underline;cursor:pointer}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(label){cursor:default}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(img){display:inline}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(input[type=checkbox]){display:inline-block}

/* 4. 支給CSSの全体向けの規則を、ヘッダー・フッター・#bar の中だけに */
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar),#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(*),#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(*)::before,#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :where(*)::after{box-sizing:border-box}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) img{display:block;max-width:100%;height:auto}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) a{color:inherit}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :is(ul,ol){margin:0;padding:0;list-style:none}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) p{margin:0}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :is(h1,h2,h3,h4,h5){margin:0;font-family:var(--f-serif);font-weight:700;line-height:1.42;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :is(p,li,dd,dt,a,span){text-wrap:pretty}
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) :focus-visible{outline:2px solid var(--rose);outline-offset:2px}

/* 5. ヘッダー・メニュー・フッター・#bar の規則（支給CSSから） */
#rd-lg#rd-lg header.pc{display:none}
#rd-lg#rd-lg header.sp{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px 0 var(--gut);background:rgba(255,255,255,.8);border-bottom:1px solid rgba(31,58,77,.12)}
#rd-lg#rd-lg header.sp .logo{margin:0;line-height:0}
#rd-lg#rd-lg header.sp .logo a{display:block}
#rd-lg#rd-lg header.sp .logo img{width:auto;height:26px}
#rd-lg#rd-lg .hdr-sentinel{position:absolute;top:0;left:0;width:1px;height:64px;pointer-events:none;visibility:hidden}
#rd-lg#rd-lg #overlay-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#rd-lg#rd-lg #overlay-button{position:relative;z-index:102;display:block;width:44px;height:44px;cursor:pointer}
#rd-lg#rd-lg #overlay-button span,#rd-lg#rd-lg #overlay-button span::before,#rd-lg#rd-lg #overlay-button span::after{position:absolute;left:11px;width:22px;height:1.5px;background:var(--ink);content:"";transition:transform .2s,background-color .2s}
#rd-lg#rd-lg #overlay-button span{top:21px}
#rd-lg#rd-lg #overlay-button span::before,#rd-lg#rd-lg #overlay-button span::after{left:0}
#rd-lg#rd-lg #overlay-button span::before{top:-7px}
#rd-lg#rd-lg #overlay-button span::after{top:7px}
#rd-lg#rd-lg #overlay-input:focus-visible+#overlay-button{outline:2px solid var(--rose);outline-offset:-2px}
#rd-lg#rd-lg #overlay-input:checked+#overlay-button{position:fixed;top:6px;right:8px}
#rd-lg#rd-lg #overlay-input:checked+#overlay-button span{background:transparent}
#rd-lg#rd-lg #overlay-input:checked+#overlay-button span::before{transform:translateY(7px) rotate(45deg)}
#rd-lg#rd-lg #overlay-input:checked+#overlay-button span::after{transform:translateY(-7px) rotate(-45deg)}
#rd-lg#rd-lg #overlay{display:none}
#rd-lg#rd-lg #overlay-input:checked~#overlay{position:fixed;inset:0;z-index:101;display:block;overflow-y:auto;overscroll-behavior:contain;background:#fff;padding:6px var(--gut) 48px}
#rd-lg#rd-lg #overlay .menu_logo{display:flex;align-items:center;height:44px;margin-bottom:6px}
#rd-lg#rd-lg #overlay .menu_logo img{width:auto;height:26px}
#rd-lg#rd-lg #overlay nav>ul>li{position:relative;border-bottom:1px solid var(--line)}
#rd-lg#rd-lg #overlay nav>ul>li>a,#rd-lg#rd-lg #overlay .Label{display:block;padding:12px 0;color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer}
#rd-lg#rd-lg #overlay .Label{position:relative;padding-right:32px}
#rd-lg#rd-lg #overlay .Label span{display:block;margin-top:2px;color:var(--ink-soft);font-size:12px;font-weight:400}
#rd-lg#rd-lg #overlay .Label::after{position:absolute;top:50%;right:8px;width:9px;height:9px;margin-top:-7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);content:"";transform:rotate(45deg);transition:transform .2s}
#rd-lg#rd-lg #overlay .toggle{position:absolute;width:1px;height:1px;opacity:0}
#rd-lg#rd-lg #overlay .toggle:focus-visible+.Label{outline:2px solid var(--rose)}
#rd-lg#rd-lg #overlay .toggle:checked+.Label::after{margin-top:-2px;transform:rotate(-135deg)}
#rd-lg#rd-lg #overlay .content{display:none;padding:0 0 10px 12px}
#rd-lg#rd-lg #overlay .toggle:checked~.content{display:block}
#rd-lg#rd-lg #overlay .content a{display:block;padding:8px 0;border-top:1px solid var(--pale);color:var(--ink);font-size:13.5px;line-height:1.55;text-decoration:none}
#rd-lg#rd-lg #overlay .content .c-all a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:2px 0 4px;padding:9px 12px;border-top:0;background:var(--pale);color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
#rd-lg#rd-lg #overlay .content .c-all a::after{flex:none;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;content:"";transform:rotate(45deg)}
#rd-lg#rd-lg #overlay .content .c-all+li>a{border-top:0}
#rd-lg#rd-lg footer{padding:30px 0 34px;background:var(--ftr);color:var(--ftr-tx);font-size:13px;line-height:1.8}
#rd-lg#rd-lg footer a{color:#fff;text-decoration:none}
#rd-lg#rd-lg footer .pc{display:none}
#rd-lg#rd-lg footer section.sp ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:0 var(--gut) 22px;border-top:1px solid rgba(255,255,255,.15)}
#rd-lg#rd-lg footer section.sp li{border-bottom:1px solid rgba(255,255,255,.15)}
#rd-lg#rd-lg footer section.sp a{display:block;padding:10px 0;font-size:13px;font-weight:500}
#rd-lg#rd-lg footer section.sp .ft-h{margin:0 var(--gut) 4px;color:var(--ftr-tx);font-size:12px;font-weight:700;letter-spacing:.08em}
#rd-lg#rd-lg footer section.sp .ft-course{margin-bottom:18px}
#rd-lg#rd-lg footer .to_top{margin:0 var(--gut) 14px;text-align:center}
#rd-lg#rd-lg footer .to_top span{display:inline-flex;align-items:center;min-height:42px;padding:0 22px;border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:700;cursor:pointer}
#rd-lg#rd-lg footer .footer_menu{padding:0 var(--gut)}
#rd-lg#rd-lg footer .footer_menu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin-bottom:4px}
#rd-lg#rd-lg footer .footer_menu a{display:inline-block;padding:5px 0}
#rd-lg#rd-lg footer .footer_menu .ft-legal{gap:0 16px;margin-top:4px}
#rd-lg#rd-lg footer .footer_menu .ft-legal a{color:var(--ftr-tx);font-size:12px}
#rd-lg#rd-lg footer .footer_menu p{margin-top:12px;font-size:11.5px;text-align:center}
#rd-lg#rd-lg .bar{position:fixed;right:0;bottom:0;left:0;z-index:60;display:none}
#rd-lg#rd-lg .bar .ff-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 6px;line-height:1.25;text-align:center;text-decoration:none}
#rd-lg#rd-lg .bar .ff-mail{height:46px;background:var(--rose-tint);color:var(--rose-deep)}
#rd-lg#rd-lg .bar .ff-tel{height:46px;background:var(--surf);color:var(--ink)}
#rd-lg#rd-lg .bar .ff-reserve{height:60px;padding:7px 6px 8px;background:var(--rose);color:#fff}
#rd-lg#rd-lg .bar .ff-line{height:60px;padding:7px 6px 8px;background:var(--line-g);color:#fff}
#rd-lg#rd-lg .bar .ff-label{font-size:11px;font-weight:500;letter-spacing:.03em;white-space:nowrap}
#rd-lg#rd-lg .bar .ff-main{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700;white-space:nowrap}
#rd-lg#rd-lg .bar .ff-catch{font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
#rd-lg#rd-lg .bar .ff-main-lg{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
#rd-lg#rd-lg .bar svg{flex:none;width:16px;height:16px}
@media (max-width:767px){#rd-lg#rd-lg .bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0 0 env(safe-area-inset-bottom,0px);background:rgba(31,58,77,.2);transform:translateY(120%);visibility:hidden;transition:transform .25s,visibility .25s}}
@media (max-width:767px){#rd-lg#rd-lg .bar.show{transform:none;visibility:visible}}
@media (max-width:400px){#rd-lg#rd-lg .bar .ff-main{font-size:13.5px}}
@media (max-width:340px){#rd-lg#rd-lg .bar .ff-main svg{display:none}}
@media (max-width:360px){#rd-lg#rd-lg .bar .ff-main{font-size:13px;gap:4px}}
@media (max-width:360px){#rd-lg#rd-lg .bar .ff-main-lg{font-size:14.5px;gap:4px;letter-spacing:.02em}}
@media (max-width:360px){#rd-lg#rd-lg .bar .ff-catch,#rd-lg#rd-lg .bar .ff-label{letter-spacing:0}}
@media (max-width:360px){#rd-lg#rd-lg .bar svg{width:15px;height:15px}}
@media (min-width:768px){#rd-lg#rd-lg header.sp{display:none}}
@media (min-width:768px){#rd-lg#rd-lg header.pc{position:sticky;top:0;z-index:70;display:block;background:#fff;border-bottom:1px solid rgba(31,58,77,.12);transition:margin-bottom .2s ease,box-shadow .2s ease}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .wap1040{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .header_flex{display:flex;align-items:center;gap:22px;height:86px;padding:0;transition:height .2s ease}}
@media (min-width:768px){#rd-lg#rd-lg header.pc h1{flex:1;color:var(--ink-soft);font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.04em}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .tel{display:flex;align-items:center;gap:6px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .tel img{width:13px;height:auto}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .tel_text{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:.04em}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .time{color:var(--ink-soft);font-size:11px;line-height:1.5}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .min_copy{display:flex;flex-direction:column;align-items:center;gap:2px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .min_copy span{color:var(--rose-deep);font-size:11px;font-weight:700}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .head_btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:2px;background:var(--rose);color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:background-color .2s}}
@media (min-width:768px){#rd-lg#rd-lg header.pc .head_btn:hover{background:var(--rose-deep)}}
@media (min-width:768px){#rd-lg#rd-lg #navi{border-top:1px solid var(--line)}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea{display:flex;align-items:stretch;justify-content:center}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea>li{position:relative}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea>li>a{display:flex;align-items:center;gap:6px;height:56px;padding:0 16px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:height .2s ease,color .2s}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea>li>a p{margin:0}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea .imgsize{display:none}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea .logoArea .imgsize{display:block}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea .logoArea>a{padding:0 28px}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea .logoArea img{width:auto;height:26px}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea>li>a:hover{color:var(--rose-deep)}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact{margin-bottom:58px;box-shadow:0 2px 8px rgba(31,58,77,.08)}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact .header_flex{height:40px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact .time,#rd-lg#rd-lg header.pc.is-compact .min_copy span{display:none}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact .tel_text{font-size:16px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact .tel img{width:11px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact .head_btn{min-height:32px;padding:0 16px;font-size:13px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact #navi .navArea>li>a{height:44px}}
@media (min-width:768px){#rd-lg#rd-lg header.pc.is-compact #navi .navArea .logoArea img{height:22px}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children{position:absolute;top:100%;left:0;z-index:70;display:none;min-width:max-content;padding:22px 28px;border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;columns:2;column-gap:36px}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea .logoArea~li .children{right:0;left:auto}}
@media (min-width:768px){#rd-lg#rd-lg #navi .navArea>li:hover>.children,#rd-lg#rd-lg #navi .navArea>li:focus-within>.children{display:block}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children li{break-inside:avoid}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children a{display:block;padding:4px 0;color:var(--ink);font-size:13px;line-height:1.6;text-decoration:none;white-space:nowrap}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children a:hover{color:var(--rose-deep);text-decoration:underline}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children>li>a{font-weight:700}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children-list{margin:2px 0 12px;padding-left:10px;border-left:1px solid var(--line)}}
@media (min-width:768px){#rd-lg#rd-lg #navi .children-list a{font-weight:400}}
@media (min-width:768px){#rd-lg#rd-lg footer{padding:64px 0 40px}}
@media (min-width:768px){#rd-lg#rd-lg footer .sp{display:none}}
@media (min-width:768px){#rd-lg#rd-lg footer .pc{display:block}}
@media (min-width:768px){#rd-lg#rd-lg footer .wap1040{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}}
@media (min-width:768px){#rd-lg#rd-lg footer .pagetop{display:none}}
@media (min-width:768px){#rd-lg#rd-lg footer .foot_nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 24px}}
@media (min-width:768px){#rd-lg#rd-lg footer .link_ul,#rd-lg#rd-lg footer .liColumn{display:flex;flex-direction:column}}
@media (min-width:768px){#rd-lg#rd-lg footer .liColumn a{display:block;padding:3px 0;color:var(--ftr-tx);word-break:keep-all;overflow-wrap:anywhere}}
@media (min-width:768px){#rd-lg#rd-lg footer .link_ul>li:not(.liColumn)>a.nav_title{display:block;padding:3px 0}}
@media (min-width:768px){#rd-lg#rd-lg footer .liColumn a:hover{color:#fff;text-decoration:underline}}
@media (min-width:768px){#rd-lg#rd-lg footer .nav_title,#rd-lg#rd-lg footer .liColumn a.nav_title{margin-bottom:6px;color:#fff;font-size:13.5px;font-weight:700}}
@media (min-width:768px){#rd-lg#rd-lg footer .foot_nav2{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15)}}
@media (min-width:768px){#rd-lg#rd-lg footer .foot_logoArea{display:flex;align-items:center;gap:24px}}
@media (min-width:768px){#rd-lg#rd-lg footer .foot_logoArea .imgsize{display:block;padding:8px 12px;background:#fff}}
@media (min-width:768px){#rd-lg#rd-lg footer .foot_logoArea img{width:auto;height:24px}}
@media (min-width:768px){#rd-lg#rd-lg footer .Copyright{margin-top:28px;font-size:11.5px;text-align:center}}
@media (min-width:768px) and (max-width:1180px){#rd-lg#rd-lg #navi .navArea>li>a{padding:0 9px;font-size:13px}}
@media (min-width:768px) and (max-width:1180px){#rd-lg#rd-lg #navi .navArea .logoArea>a{padding:0 16px}}
@media (min-width:768px) and (max-width:1180px){#rd-lg#rd-lg #navi .navArea .logoArea img{height:22px}}
@media (min-width:768px) and (max-width:1180px){#rd-lg#rd-lg header.pc.is-compact #navi .navArea .logoArea img{height:20px}}
@media (min-width:768px) and (max-width:1180px){#rd-lg#rd-lg header.pc .header_flex{gap:16px}}
@media (min-width:768px) and (max-width:1180px){#rd-lg#rd-lg footer .foot_nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}}

/* 5b. ヘッダー・フッター・#bar の中で使うクラスの規則（支給CSSでは要素を限定していないもの） */
#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar) .nw{white-space:nowrap}

/* 5c. 支給CSSの @media 内の body の規則（PCの基準の文字、スマホの下余白）と、ページ内リンクの移動先の余白 */
@media (max-width:767px){body#rd-lg{padding-bottom:108px}}
@media (min-width:768px){#rd-lg#rd-lg :where(header.sp,header.pc,footer,nav#bar){font-size:15px;line-height:1.8}}
html{scroll-padding-top:68px}
@media (min-width:768px){html{scroll-padding-top:106px}}

/* 6. 旧CSSへの対処 */
/* 旧テーマの .sp{display:block!important} が header.sp の flex を上書きするのを防ぐ */
@media (max-width:767px){#rd-lg#rd-lg header.sp{display:flex!important}}
/* 旧テーマの #overlay ul li a:hover{color:#000!important}（767px以下） */
@media (max-width:767px){#rd-lg#rd-lg #overlay ul li a:hover{color:inherit!important}}
/* 旧テーマの body{overflow-x:hidden} は html{overflow-y:scroll} と合わさって body をスクロール枠にし、position:sticky を無効にする。clip なら横はみ出しを隠したまま sticky が効く */
body#rd-lg{overflow-x:clip}
/* 旧テーマはスマホのヘッダーを position:fixed にして、本文側に上余白 70px を取っていた。新しいスマホヘッダーは流れの中に入る（sticky）ので、その余白を外す */
@media (max-width:767px){#rd-lg#rd-lg #main_contents,#rd-lg#rd-lg #content{padding-top:0}}