@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/



/* =================================================
   AI-DX LP CSS 2026-06-04
      ================================================= */
      .trust-strip{display:none;}
      @media (max-width:480px){
        #hero .hero-left{padding:52px 0 44px;}
          #hero .hero-h1{font-size:24px;margin-bottom:16px;}
            #hero .hero-sub{font-size:14px;line-height:1.8;margin-bottom:20px;}
              #hero .hero-btns{flex-direction:column;gap:10px;margin-bottom:24px;}
                #hero .hero-btns a,#hero .hero-btns .btn{width:100%;justify-content:center;text-align:center;}
                  #hero .hero-trust-row{gap:10px;}
                    #hero .hero-trust-item{font-size:11px;}
                    }
                    @media (max-width:860px){
                      .nav-in .btn{font-size:12px;padding:10px 16px;}
                      }
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* ── ソーシャル機能 全非表示 ── */
.sns-share,
.sas-buttons,
.share-buttons,
.single-sns-share,
.after-single-p-sns-share { display: none !important; }

.sns-follow,
.follow-buttons,
.follow-box { display: none !important; }

#comments,
.comment-area,
.respond,
.comment-respond { display: none !important; }


/* ── LP: blockquote白背景上書き修正 ── */
.reason-photo-overlay blockquote,
.photo-break-content blockquote {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* ── ブログ記事ページ ヘッダー改善 ── */
.site-header,
#header {
  background: #0C2B4E !important;
  border-bottom: none !important;
}
.site-header .header-wrap,
#header .header-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 28px;
}
/* サイトタイトル・ディスクリプションを非表示（ロゴ画像で代替） */
.site-name-text,
.site-description {
  display: none !important;
}
/* カスタムロゴ表示 */
.custom-logo-link img,
.header-logo img {
  max-height: 44px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important; /* ロゴを白抜きに */
}
/* ナビゲーション */
.navi-wrap {
  background: #0C2B4E !important;
}
.navi a {
  color: rgba(255,255,255,0.8) !important;
}
.navi a:hover {
  color: #7EC8DA !important;
}

/* ── ブログ記事ページ フッター改善 ── */
.site-footer,
#footer {
  background: #0A0A0A !important;
  color: rgba(255,255,255,0.55) !important;
  padding: 40px 0 20px !important;
}
.footer-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 28px;
}
.footer-logo img {
  max-height: 36px !important;
  width: auto !important;
}
.copyright {
  color: rgba(255,255,255,0.28) !important;
  font-size: 12px !important;
}
.footer-widget-area,
.footer-widget {
  background: #0A0A0A !important;
  color: rgba(255,255,255,0.55) !important;
}


/* ════════════════════════════
   ブログページ ヘッダー改善
   ════════════════════════════ */
#header,
.site-header {
  background: #0C2B4E !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
/* テキストサイトタイトルを非表示、ロゴ画像に差し替え */
.site-name-text,
.header-subtitle,
.site-description { display: none !important; }

/* カスタムロゴ or ヘッダーロゴ用 */
.site-branding,
.header-logo {
  background-image: url("https://dx-ai.seed.or.jp/wp-content/uploads/SEED_Logo_White.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
  min-width: 180px !important;
  min-height: 44px !important;
}
.site-branding a,
.header-logo a { display: block; width: 100%; height: 100%; }

/* ナビゲーション文字色 */
.navi-wrap { background: #0C2B4E !important; }
#navi .navi-in > ul > li > a,
.navi-in > ul > li > a {
  color: rgba(255,255,255,0.82) !important;
  font-size: 13px !important;
}
#navi .navi-in > ul > li > a:hover,
.navi-in > ul > li > a:hover { color: #7EC8DA !important; }

/* ════════════════════════════
   ブログページ フッター改善
   ════════════════════════════ */
#footer,
.site-footer {
  background: #0A0A0A !important;
  color: rgba(255,255,255,0.55) !important;
  padding: 44px 0 20px !important;
  border-top: none !important;
}
.footer-wrap { max-width: 1080px; margin: 0 auto; padding: 0 28px; }

/* フッターロゴ */
.footer-logo-image,
.footer-logo {
  background-image: url("https://dx-ai.seed.or.jp/wp-content/uploads/SEED_Logo_White.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
  min-height: 36px !important;
  min-width: 160px !important;
  display: block !important;
}
.footer-logo-image img { opacity: 0 !important; }

/* フッター文字色 */
.footer-widget-title { color: rgba(255,255,255,0.4) !important; font-size: 11px !important; }
.footer-widget-area,
.footer-widget { background: #0A0A0A !important; color: rgba(255,255,255,0.55) !important; }
.footer-widget a { color: rgba(255,255,255,0.48) !important; }
.footer-widget a:hover { color: #fff !important; }

.copyright,
.footer-bottom { 
  color: rgba(255,255,255,0.26) !important;
  font-size: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  padding-top: 16px !important;
  margin-top: 24px !important;
}