/*
Theme Name: SFE Trade JCBO
Theme URI: https://www.sfetrade.com/
Author: JCBO
Description: HONG KONG JCBO LIMITED / SFE TRADE CONSULTING 専用テーマ。固定★ログインボタン内蔵。
Version: 1.0.0
Text Domain: sfetrade-jcbo
*/

:root{
  --navy:#06192a;
  --blue:#0868df;
  --cyan:#68e8f5;
  --text:#0b1b2e;
  --muted:#536173;
  --line:#e8edf3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.sfe-container{width:min(1300px,calc(100% - 48px));margin:0 auto}

.sfe-topbar{background:#06192a;color:#fff;font-size:14px}
.sfe-topbar .sfe-container{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:20px}

.sfe-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #eef1f5}
.sfe-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sfe-brand{display:flex;flex-direction:column;line-height:1.05}
.sfe-brand-main{font-weight:900;letter-spacing:.7px;font-size:20px}
.sfe-brand-sub{color:#0766dc;font-size:12px;font-weight:800;letter-spacing:1.8px;margin-top:8px}
.sfe-nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:15px}
.sfe-nav a:hover{color:#0766dc}
.sfe-contact-btn{background:#0868df;color:#fff!important;padding:15px 20px;border-radius:7px}

.sfe-hero{min-height:620px;background:
linear-gradient(90deg,rgba(4,22,39,.78),rgba(4,22,39,.43)),
url("https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2000&q=85") center/cover no-repeat;
display:flex;align-items:center;color:#fff}
.sfe-hero-inner{padding:95px 0 86px}
.sfe-eyebrow{display:flex;align-items:center;gap:14px;color:#7ceaf6;text-transform:uppercase;font-size:15px;font-weight:900;letter-spacing:2px;margin-bottom:28px}
.sfe-eyebrow:before{content:"";display:block;width:38px;height:2px;background:#7ceaf6}
.sfe-hero h1{font-size:clamp(48px,5.5vw,84px);line-height:1.24;margin:0 0 24px;font-weight:900;letter-spacing:-2px;max-width:980px}
.sfe-hero p{font-size:clamp(18px,1.8vw,24px);line-height:1.8;max-width:880px;margin:0 0 28px}
.sfe-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.sfe-btn{display:inline-block;padding:14px 22px;border-radius:7px;font-weight:800}
.sfe-btn-primary{background:#0868df;color:#fff}
.sfe-btn-light{background:#fff;color:#0c2238}

.sfe-section{padding:82px 0}
.sfe-section.alt{background:#f6f9fc}
.sfe-kicker{color:#0874dc;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;font-size:13px;margin-bottom:10px}
.sfe-title{font-size:clamp(30px,3vw,46px);line-height:1.3;margin:0 0 20px}
.sfe-lead{font-size:18px;line-height:1.9;color:#445268;max-width:920px}
.sfe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.sfe-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff;box-shadow:0 10px 28px rgba(15,35,60,.05)}
.sfe-card h3{margin:0 0 12px;font-size:20px}
.sfe-card p{margin:0;color:#566477;line-height:1.8}

.sfe-footer{background:#06192a;color:#fff;padding:54px 0 28px}
.sfe-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:28px}
.sfe-footer h3,.sfe-footer h4{margin-top:0}
.sfe-footer a{display:block;color:#dbe5ef;margin:8px 0}
.sfe-footer small{display:block;margin-top:38px;color:#a9b8c6;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}

/* ★ ログイン：テーマHTMLへ直接出力 */
#sfe-star-login{
 position:fixed!important;
 right:24px!important;
 bottom:24px!important;
 width:58px!important;
 height:58px!important;
 border-radius:50%!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 background:#ffd800!important;
 color:#111!important;
 border:3px solid #111!important;
 box-shadow:0 8px 22px rgba(0,0,0,.35)!important;
 font-size:30px!important;
 line-height:1!important;
 font-family:Arial,sans-serif!important;
 font-weight:900!important;
 z-index:2147483647!important;
 cursor:pointer!important;
 text-decoration:none!important;
 opacity:1!important;
 visibility:visible!important;
}
#sfe-star-login:hover{transform:scale(1.08)}
#sfe-star-login:focus{outline:4px solid rgba(8,104,223,.35);outline-offset:2px}

.sfe-mobile-toggle{display:none}
@media(max-width:900px){
  .sfe-topbar .sfe-container{align-items:flex-start;flex-direction:column;padding:10px 0}
  .sfe-header-inner{min-height:76px}
  .sfe-mobile-toggle{display:inline-flex;border:1px solid #dfe5ec;background:#fff;padding:10px 12px;border-radius:6px;font-weight:800}
  .sfe-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:20px 24px;border-top:1px solid #eee;box-shadow:0 10px 20px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start;gap:16px}
  .sfe-nav.open{display:flex}
  .sfe-grid,.sfe-footer-grid{grid-template-columns:1fr}
  .sfe-hero{min-height:560px}
  .sfe-container{width:min(100% - 28px,1300px)}
  #sfe-star-login{right:16px!important;bottom:16px!important}
}