/*
Theme Name: SFE Trade News
Theme URI: https://www.sfetrade.com/
Author: HONG KONG JCBO LIMITED
Description: 中国貿易NEWSを大手経済紙のように整理して表示するSFE TRADE CONSULTING専用テーマ。
Version: 1.1.1
Text Domain: sfe-trade-news
*/
:root{
 --ink:#101418;--navy:#071b2b;--red:#a20b13;--muted:#6b737b;
 --line:#dfe3e7;--soft:#f6f7f8;--paper:#fff;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;height:auto}
.sfe-shell{width:min(var(--max),calc(100% - 32px));margin:auto}

.sfe-topline{background:#f6f6f6;border-bottom:1px solid #e4e4e4;color:#5f666c;font-size:11px}
.sfe-topline .sfe-shell{display:flex;justify-content:space-between;gap:16px;padding:7px 0}

.sfe-site-header{background:#fff;border-bottom:1px solid #ddd}
.sfe-brandrow{display:flex;align-items:center;justify-content:space-between;padding:18px 0 15px}
.sfe-brand{text-decoration:none;display:flex;flex-direction:column}
.sfe-brand strong{font-family:Georgia,"Noto Serif JP",serif;font-size:24px;letter-spacing:.2px;color:#071b2b}
.sfe-brand span{font-size:10px;letter-spacing:2.4px;color:#8a9096;margin-top:2px}
.sfe-company-nav{display:flex;overflow-x:auto;white-space:nowrap;border-top:1px solid #eee}
.sfe-company-nav a{padding:11px 14px;text-decoration:none;font-weight:700;font-size:12px;border-right:1px solid #eee;color:#31373c}
.sfe-company-nav a:hover{background:#f5f5f5}

.sfe-news-nav{position:sticky;top:32px;z-index:5000;background:#fff;border-bottom:3px solid #111;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.sfe-news-nav .sfe-shell{display:flex;align-items:stretch;overflow-x:auto;white-space:nowrap}
.sfe-news-nav a{padding:11px 13px;text-decoration:none;font-size:12px;font-weight:850;border-right:1px solid #e1e1e1}
.sfe-news-nav a:first-child{background:var(--navy);color:#fff;padding-left:16px;padding-right:16px}
.sfe-news-nav a:hover{background:#f3f3f3;color:var(--red)}
.sfe-news-nav a:first-child:hover{background:var(--navy);color:#fff}

.sfe-breadcrumb{font-size:11px;color:#8b9197;padding:14px 0 4px}
.sfe-breadcrumb a{text-decoration:none}
.sfe-breadcrumb a:hover{color:var(--red)}

.sfe-news-hero{padding:30px 0 18px;border-bottom:5px solid #111}
.sfe-news-hero .eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;color:var(--red)}
.sfe-news-hero h1{font-family:Georgia,"Noto Serif JP",serif;font-size:44px;line-height:1.15;margin:6px 0 8px;letter-spacing:-.3px}
.sfe-news-hero p{margin:0;color:#5e656b;font-size:14px;line-height:1.7}

.sfe-section{padding:28px 0;border-bottom:1px solid #cfd4d8}
.sfe-section:last-child{border-bottom:0}
.sfe-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:3px solid #111;padding-bottom:8px}
.sfe-section-head h2{font-family:Georgia,"Noto Serif JP",serif;font-size:26px;margin:0}
.sfe-section-head a,.sfe-section-head span{font-size:11px;font-weight:800;color:#767d83;text-decoration:none}
.sfe-section-head a:hover{color:var(--red)}

.sfe-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-left:1px solid var(--line)}
.sfe-card{padding:14px 16px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:245px;background:#fff}
.sfe-card .cat{font-size:11px;color:var(--red);font-weight:900;margin-bottom:7px}
.sfe-card h2,.sfe-card h3{font-family:Georgia,"Noto Serif JP",serif;line-height:1.48;margin:0 0 8px;letter-spacing:-.1px}
.sfe-card h2{font-size:20px}.sfe-card h3{font-size:17px}
.sfe-card h2 a,.sfe-card h3 a{text-decoration:none}
.sfe-card h2 a:hover,.sfe-card h3 a:hover{color:var(--red)}
.sfe-card p{font-size:12.5px;line-height:1.78;color:#596168;margin:0 0 11px}
.sfe-card .meta{margin-top:auto;display:flex;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #eee;font-size:10.5px;color:#8a9197}
.sfe-card .read{color:var(--red);font-weight:900;text-decoration:none}

.sfe-article{max-width:var(--max);margin:auto;padding:18px 0 54px}
.sfe-article-main{max-width:860px;margin:0 auto}
.sfe-article h1{font-family:Georgia,"Noto Serif JP",serif;font-size:40px;line-height:1.34;margin:14px 0 14px;color:#071b2b;letter-spacing:-.25px}
.sfe-article-meta{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:13px;border-bottom:1px solid #ddd;color:#868d93;font-size:12px}
.sfe-article-meta a{color:var(--red);font-weight:800;text-decoration:none}

.sfe-quicknav{margin:18px 0 24px;border:1px solid #d8dde1;background:#fbfbfb}
.sfe-quicknav-title{padding:9px 12px;font-size:11px;font-weight:900;color:#5f666c;border-bottom:1px solid #e1e4e7}
.sfe-quicknav-links{display:flex;flex-wrap:wrap}
.sfe-quicknav-links a{padding:8px 10px;font-size:11px;font-weight:750;text-decoration:none;border-right:1px solid #e4e6e8;border-bottom:1px solid #e4e6e8}
.sfe-quicknav-links a:hover{background:#fff;color:var(--red)}

.sfe-allgenres{margin:20px 0 28px}
.sfe-allgenres details{border:1px solid #d9dde1;background:#fafafa}
.sfe-allgenres summary{cursor:pointer;list-style:none;padding:11px 14px;font-size:12px;font-weight:900;color:#2f353a;display:flex;justify-content:space-between;align-items:center}
.sfe-allgenres summary::-webkit-details-marker{display:none}
.sfe-allgenres summary:after{content:"＋";font-size:18px;font-weight:400;color:#777}
.sfe-allgenres details[open] summary:after{content:"－"}
.sfe-genre-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ddd}
.sfe-genre-links a{font-size:11px;font-weight:700;text-decoration:none;padding:8px 10px;border-right:1px solid #e3e5e7;border-bottom:1px solid #e3e5e7;background:#fff}
.sfe-genre-links a:hover{background:#f4f4f4;color:var(--red)}

.sfe-article-body{font-size:16px;line-height:2.0;color:#20262b}
.sfe-article-body h2{font-family:Georgia,"Noto Serif JP",serif;font-size:25px;line-height:1.5;margin:34px 0 12px;padding-left:12px;border-left:4px solid #111}
.sfe-article-body h3{font-size:20px;margin:28px 0 10px}
.sfe-article-body p{margin:0 0 18px}
.sfe-article-body strong{font-weight:800}
.sfe-article-body a{color:#00599a;text-decoration-thickness:1px;text-underline-offset:2px}

.sfe-related{max-width:var(--max);margin:48px auto 0;border-top:5px solid #111;padding-top:12px}
.sfe-related .sfe-grid4{border-top:1px solid var(--line)}
.sfe-prevnext{max-width:860px;margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #bbb;padding-top:16px}
.sfe-prevnext a{padding:14px 15px;border:1px solid #ddd;text-decoration:none;display:flex;flex-direction:column;background:#fff}
.sfe-prevnext a:hover{border-color:#888}
.sfe-prevnext a:last-child{text-align:right}
.sfe-prevnext small{color:var(--red);font-weight:900;margin-bottom:5px;font-size:11px}
.sfe-prevnext strong{font-size:13px;line-height:1.55}

.sfe-footer{background:#071b2b;color:#fff;margin-top:38px}
.sfe-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:32px 0}
.sfe-footer h3,.sfe-footer h4{margin:0 0 10px}
.sfe-footer p,.sfe-footer a{font-size:12.5px;line-height:1.8;color:#e8edf1}
.sfe-footer a{text-decoration:none;display:block}
.sfe-copy{border-top:1px solid rgba(255,255,255,.15);padding:13px 0;font-size:10.5px;color:#c5cbd0}
.sfe-page{width:min(1120px,calc(100% - 36px));margin:auto;padding:30px 0 55px}
.sfe-page h1{font-family:Georgia,"Noto Serif JP",serif;font-size:38px}
.sfe-pagination{display:flex;gap:8px;justify-content:center;padding:28px 0}
.sfe-pagination .page-numbers{padding:7px 10px;border:1px solid #ccc;text-decoration:none;font-size:12px}
.sfe-pagination .current{background:#111;color:#fff}

@media(max-width:1000px){
 .sfe-grid4{grid-template-columns:repeat(2,1fr)}
 .sfe-genre-links{grid-template-columns:repeat(3,1fr)}
 .sfe-news-hero h1{font-size:38px}
 .sfe-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .sfe-shell{width:min(100% - 22px,var(--max))}
 .sfe-topline .sfe-shell{flex-direction:column;gap:2px}
 .sfe-brandrow{align-items:flex-start}
 .sfe-news-nav{top:0}
 .sfe-grid4,.sfe-prevnext,.sfe-footer-grid{grid-template-columns:1fr}
 .sfe-genre-links{grid-template-columns:repeat(2,1fr)}
 .sfe-news-hero h1{font-size:31px}
 .sfe-article h1{font-size:29px}
 .sfe-article-body{font-size:15px}
}