@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/* ===== ワナワーク グローバルナビ アイコン (Cybozu式) ===== */
.menu-item-34>a::before,.menu-item-35>a::before,.menu-item-36>a::before,.menu-item-37>a::before,.menu-item-38>a::before,.menu-item-39>a::before,.menu-item-40>a::before,.menu-item-41>a::before,.menu-item-42>a::before{font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px;display:inline-block;font-size:.95em;}
.menu-item-34>a::before{content:"\f015";}
.menu-item-35>a::before{content:"\f12e";}
.menu-item-36>a::before{content:"\f0e7";}
.menu-item-37>a::before{content:"\f61f";}
.menu-item-38>a::before{content:"\f5dc";}
.menu-item-39>a::before{content:"\f06c";}
.menu-item-40>a::before{content:"\f4be";}
.menu-item-41>a::before{content:"\f0b1";}
.menu-item-42>a::before{content:"\f086";}


/* ===== ワナワーク トップ見出しリセット (SANGO装飾の無効化) ===== */
.ww-home h1,.ww-home h2,.ww-home h3,.ww-home h4{border:0 none !important;background:transparent !important;padding:0 !important;color:inherit;}
.ww-home h2::before,.ww-home h3::before,.ww-home h4::before,.ww-home h2::after,.ww-home h3::after,.ww-home h4::after{display:none !important;content:none !important;}
.ww-home .ww-sec__ja{color:#1f2937 !important;}
.ww-home .ww-about h2,.ww-home .ww-about h2 *{color:#fff;}
.ww-home .ww-about h2 span{color:#fbbf24 !important;}


/* ===== ワナワーク モバイルドロワー (ハンバーガーメニュー) ===== */
.ww-burger,.ww-drawer,.ww-drawer-overlay{display:none;}
.ww-drawer-toggle{position:absolute;opacity:0;pointer-events:none;}
@media(max-width:768px){
 .ww-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:10px;right:12px;z-index:9990;width:46px;height:46px;background:#3b82f6;border-radius:11px;cursor:pointer;padding:13px;box-shadow:0 5px 14px rgba(30,50,90,.28);}
 .admin-bar .ww-burger{top:56px;}
 .ww-burger span{display:block;height:2.6px;width:100%;background:#fff;border-radius:2px;transition:.25s;}
 .ww-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:.25s;z-index:9991;}
 .ww-drawer{display:block;position:fixed;top:0;right:-320px;width:284px;max-width:85vw;height:100%;background:#fff;z-index:9992;box-shadow:-10px 0 34px rgba(0,0,0,.22);transition:right .3s ease;overflow-y:auto;padding:66px 0 36px;}
 .ww-drawer__ttl{margin:0;padding:0 22px 14px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#fbbf24;}
 .ww-drawer-menu{list-style:none;margin:0;padding:0;}
 .ww-drawer-menu li{margin:0;}
 .ww-drawer-menu a{display:block;padding:14px 24px;font-size:15px;font-weight:700;color:#1f2937;border-bottom:1px solid #f1f3f6;text-decoration:none;}
 .ww-drawer-menu a:hover{background:#eff5ff;color:#2563eb;}
 .ww-drawer-toggle:checked ~ .ww-drawer{right:0;}
 .ww-drawer-toggle:checked ~ .ww-drawer-overlay{opacity:1;visibility:visible;}
 .ww-drawer-toggle:checked ~ .ww-burger{background:#1f2937;}
 .ww-drawer-toggle:checked ~ .ww-burger span:nth-child(1){transform:translateY(7.6px) rotate(45deg);}
 .ww-drawer-toggle:checked ~ .ww-burger span:nth-child(2){opacity:0;}
 .ww-drawer-toggle:checked ~ .ww-burger span:nth-child(3){transform:translateY(-7.6px) rotate(-45deg);}
}


/* ===== ワナワーク ヘッダー再構成 (Cybozu式・サイト名/ナビ上下分割) ===== */
#logo a.header-logo__link{font-size:0 !important;line-height:0 !important;display:block;text-align:center;text-decoration:none;}
#logo a.header-logo__link::before{content:"wannawork";display:block;font-size:32px;font-weight:800;line-height:1.15;letter-spacing:.02em;}
#logo a.header-logo__link::after{content:"発達障害のための就職・転職支援メディア";display:block;font-size:11px;font-weight:600;line-height:1.5;margin-top:6px;letter-spacing:.05em;opacity:.92;}
@media(min-width:769px){
 #inner-header{flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;position:relative;padding-top:18px !important;padding-bottom:4px !important;height:auto !important;}
 #logo{flex:0 0 100% !important;width:100% !important;text-align:center;margin:0 !important;}
 .header-search{order:9;position:absolute;right:6px;top:20px;margin:0 !important;}
 .desktop-nav{flex:0 0 100% !important;width:100% !important;display:block !important;margin-top:12px !important;}
 .desktop-nav .menu{display:flex !important;justify-content:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.22);padding-top:4px;}
 .desktop-nav .menu>li.menu-item>a{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.35;padding:10px 16px !important;font-size:13px;}
 .desktop-nav .menu>li.menu-item>a::before{margin:0 !important;font-size:18px !important;}
}
@media(max-width:768px){
 #logo a.header-logo__link::before{font-size:25px;}
 #logo a.header-logo__link::after{font-size:10px;margin-top:4px;}
 .header-search{display:none !important;}
}


/* ===== ワナワーク 配色変更 (白ヘッダー / 薄青コンテンツ) ===== */
header.header,#header,#inner-header,.l-header,.header-in{background:#ffffff !important;background-color:#ffffff !important;}
header.header{border-bottom:1px solid #e3e9f0;box-shadow:0 1px 10px rgba(20,40,80,.05);}
#logo a.header-logo__link::before{color:#3b82f6 !important;}
#logo a.header-logo__link::after{color:#1f2937 !important;opacity:1 !important;}
.desktop-nav .menu{border-top-color:#e6ebf2 !important;}
.desktop-nav .menu>li.menu-item>a,.desktop-nav .menu>li.menu-item>a span{color:#3a4150 !important;}
.desktop-nav .menu>li.menu-item>a:hover,.desktop-nav .menu>li.menu-item>a:hover span{color:#2563eb !important;}
.desktop-nav .menu>li.menu-item>a::before{color:#3b82f6 !important;}
.header-search{display:none !important;}
body{background-color:#eaf1fb !important;}
@media(max-width:768px){#logo a.header-logo__link::before{color:#3b82f6 !important;}}


/* ===== ワナワーク カスタムフッター ===== */
.sgb-footer{display:none !important;}
.ww-footer{background:#1f2937;color:#aeb8c6;font-size:14px;line-height:1.8;padding:48px 22px 0;}
.ww-footer *{box-sizing:border-box;}
.ww-footer__inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px 44px;padding-bottom:34px;border-bottom:1px solid #333e4d;}
.ww-footer__brand{flex:1 1 250px;min-width:230px;}
.ww-footer__logo{font-size:24px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:.02em;}
.ww-footer__tagline{font-size:12.5px;color:#fbbf24;font-weight:700;margin:0 0 10px;}
.ww-footer__desc{font-size:12.5px;color:#94a3b8;margin:0;line-height:1.85;}
.ww-footer__col{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;min-width:138px;}
.ww-footer__h{font-size:13px;font-weight:800;color:#fff;margin:0 0 3px;}
.ww-footer__col a{color:#aeb8c6;text-decoration:none;font-size:13px;transition:color .15s;}
.ww-footer__col a:hover{color:#fbbf24;}
.ww-footer__eeat{max-width:1080px;margin:0 auto;padding:20px 0;font-size:11.5px;color:#8b96a5;line-height:1.9;border-bottom:1px solid #333e4d;}
.ww-footer__eeat strong{color:#cdd5e0;font-weight:700;}
.ww-footer__copy{max-width:1080px;margin:0 auto;padding:18px 0 26px;font-size:12px;color:#7c8696;text-align:center;}
@media(max-width:768px){.ww-footer{padding:34px 20px 0;}.ww-footer__inner{gap:24px;}.ww-footer__col{flex:0 0 44%;min-width:44%;}.ww-footer__brand{flex:1 1 100%;}}


/* ===== SANGO標準フッター非表示（独自フッターに一本化） ===== */
footer.footer:not(.ww-footer){display:none !important;}
#footer-menu{display:none !important;}


/* ===== ワナワーク テーマカラー#3DADD6 / 青ナビ / フッター・About配色 ===== */
#logo a.header-logo__link::before{color:#3DADD6 !important;}
@media(min-width:769px){
 .desktop-nav{flex:0 0 auto !important;width:100vw !important;margin-left:calc(50% - 50vw) !important;background:#3DADD6 !important;margin-top:12px !important;}
 .desktop-nav .menu{max-width:1120px;margin:0 auto !important;border-top:none !important;padding:2px 12px !important;}
 .desktop-nav .menu>li.menu-item>a,.desktop-nav .menu>li.menu-item>a span{color:#ffffff !important;font-weight:700 !important;}
 .desktop-nav .menu>li.menu-item>a::before{color:#ffffff !important;}
 .desktop-nav .menu>li.menu-item>a:hover{background:rgba(255,255,255,.14) !important;}
 .desktop-nav .menu>li.menu-item>a:hover span{color:#ffffff !important;}
}
.ww-burger{background:#3DADD6 !important;}
.ww-drawer-toggle:checked ~ .ww-burger{background:#2c8fb3 !important;}
.ww-drawer-menu .menu-item>a::before{color:#3DADD6 !important;}
.ww-drawer-menu a:hover{background:#e7f6fb !important;color:#2c8fb3 !important;}
.ww-home .ww-about{background:#eceef1 !important;color:#4b5563 !important;}
.ww-home .ww-about h2,.ww-home .ww-about h2 *{color:#1f2937 !important;}
.ww-home .ww-about h2 span{color:#3DADD6 !important;}
.ww-home .ww-about p{color:#5b6470 !important;}
.ww-home .ww-about .ab-meta{color:#8a93a0 !important;border-top-color:#d4d7dc !important;}
.ww-footer{background:#3DADD6 !important;color:#ffffff !important;}
.ww-footer__inner,.ww-footer__eeat{border-bottom-color:rgba(255,255,255,.38) !important;}
.ww-footer__logo,.ww-footer__tagline,.ww-footer__h,.ww-footer__eeat strong{color:#ffffff !important;}
.ww-footer__desc,.ww-footer__col a,.ww-footer__eeat,.ww-footer__copy{color:#f1fbfd !important;}
.ww-footer__col a:hover{color:#ffffff !important;text-decoration:underline;}


/* ===== ワナワーク 修正: ナビ全幅 / ドロワー閉じるボタン ===== */
@media(min-width:769px){
 .desktop-nav{flex:0 0 100% !important;width:100% !important;margin-left:0 !important;background:transparent !important;position:relative;}
 .desktop-nav::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:#3DADD6;}
 .desktop-nav .menu{position:relative;z-index:1;}
}
.ww-drawer__close{position:absolute;top:13px;right:13px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;border-radius:9px;}
.ww-drawer__close:hover{background:#eef1f4;color:#1f2937;}

/* ===== ww-sp-nav-fix v2 : SPメニュー透明問題の確実な修正 ===== */
@media screen and (max-width:768px){
  .desktop-nav{display:none !important;}
  .ww-drawer{display:none !important;}
  .ww-drawer-overlay{display:none !important;}
  .ww-drawer-toggle:checked ~ .ww-drawer{display:block !important;}
  .ww-drawer-toggle:checked ~ .ww-drawer-overlay{display:block !important;}
}