@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
*/

/* Shared secondary navigation below Cocoon's existing primary header. */
.mai-secondary-nav{box-sizing:border-box;background:linear-gradient(100deg,#020806 0%,#03120c 100%);border-top:1px solid rgba(39,245,163,.14);border-bottom:1px solid rgba(39,245,163,.38);color:#f4f6f8}
.mai-secondary-nav *{box-sizing:border-box}
.mai-secondary-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(calc(100% - 64px),1440px);min-height:50px;margin-inline:auto}
.mai-secondary-nav a{display:inline-flex;align-items:center;color:#f4f6f8;text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.mai-secondary-nav a:hover,.mai-secondary-nav a:focus-visible{color:#27F5A3}
.mai-secondary-nav__books{gap:9px;min-width:0;min-height:46px}
.mai-secondary-nav__label{color:#27F5A3;font-size:11px;font-weight:800;letter-spacing:.14em}
.mai-secondary-nav__title{font-size:14px;font-weight:700;white-space:nowrap}
.mai-secondary-nav__arrow{color:#27F5A3;font-size:16px;line-height:1}
.mai-secondary-nav__books-icon{display:block;flex:0 0 auto;margin-left:3px;color:#27F5A3}
.mai-secondary-nav__social{display:flex;align-items:center;gap:10px;min-width:0}
.mai-secondary-nav__follow{margin-right:4px;color:#aebbb4;font-size:11px;letter-spacing:.05em;white-space:nowrap}
.mai-secondary-nav__social-link{justify-content:center;min-width:42px;min-height:34px;padding:6px 12px;border:1px solid rgba(244,246,248,.22);border-radius:999px;background:rgba(255,255,255,.035);font-size:13px;font-weight:700}
.mai-secondary-nav__social-link--instagram{border-color:rgba(39,245,163,.34)}
.mai-secondary-nav__social-link:hover,.mai-secondary-nav__social-link:focus-visible{border-color:#27F5A3;background:rgba(39,245,163,.1)}

/* Market AI: Cocoon desktop dropdowns (2026-10-18).
   The parent theme used a light submenu background; keep this scoped to #navi. */
#navi .navi-in ul.sub-menu {
  background: #07170f !important;
  border: 1px solid rgba(39,245,163,.42) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  z-index: 1001;
}
#navi .navi-in ul.sub-menu li {
  background: transparent !important;
  border-color: rgba(39,245,163,.15) !important;
}
#navi .navi-in ul.sub-menu li > a {
  background: transparent !important;
  color: #f3fff8 !important;
  border: 0 !important;
  text-decoration: none;
}
#navi .navi-in ul.sub-menu li > a .item-label {
  color: inherit !important;
}
#navi .navi-in ul.sub-menu li > a:hover,
#navi .navi-in ul.sub-menu li > a:focus-visible,
#navi .navi-in ul.sub-menu li.current-menu-item > a {
  background: #103523 !important;
  color: #6cff3b !important;
}
#navi .navi-in ul.sub-menu li > a:focus-visible {
  outline: 2px solid #6cff3b;
  outline-offset: -2px;
}

/* Top-of-home personal-investing entry cards; legacy news widgets remain unchanged. */
.market-ai-v2-page .mai-v2-stories {
  padding: 28px 0 20px;
  background: linear-gradient(180deg, #050806, #07130d);
}
.market-ai-v2-page .mai-v2-stories .mai-story-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.market-ai-v2-page .mai-v2-stories .mai-story-grid > a {
  min-width: 0;
}
@media (max-width: 720px) {
  .market-ai-v2-page .mai-v2-stories .mai-story-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Post ID 353 only: its custom page content supplies the visible heading. */
.page-id-353 .article-header.entry-header{display:none}

@media(max-width:620px){
  .mai-secondary-nav__inner{align-items:stretch;flex-direction:column;gap:0;width:min(calc(100% - 32px),1440px);padding-block:4px}
  .mai-secondary-nav__books{min-height:43px}
  .mai-secondary-nav__books-icon{width:48px;height:auto;margin-left:auto}
  .mai-secondary-nav__social{min-height:47px;flex-wrap:wrap;gap:7px 9px;border-top:1px solid rgba(39,245,163,.13)}
  .mai-secondary-nav__social-link{min-height:36px;padding-inline:11px}
}

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* Shared footer fallback for templates that do not load a page-specific asset. */
.market-ai-site-public #footer{
  background:#030504;
  border-top:1px solid rgba(39,245,163,.14);
  color:#9ca7b5;
}
.market-ai-site-public #footer-in,
.market-ai-site-public #footer .footer-bottom{
  background:transparent;
}
.market-ai-site-public #footer a,
.market-ai-site-public #footer .site-name-text,
.market-ai-site-public #footer .copyright{
  color:#f4f6f8;
}

/* Remove Cocoon's unused article share/follow footer on the books landing page. */
.page-id-353 .article-footer.entry-footer{
  display:none!important;
}

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

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

/* Smartphones: hide the decorative AI data-stream visual to prioritize useful content. */
@media screen and (max-width: 767px){
  .home .mai-hero__visual{
    display:none!important;
  }
}

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

/* Page 1188 only: dividend ranking layout; preserve content and application styles. */
body.page-id-1188 {
  background: #07110d !important;
  color: #ffffff;
}
body.page-id-1188 #sidebar,
body.page-id-1188 #sidebar-menu-content,
body.page-id-1188 .sidebar-menu-button,
body.page-id-1188 #post-1188 .sns-share.ss-top,
body.page-id-1188 #post-1188 .sns-share.ss-bottom {
  display: none !important;
}
body.page-id-1188 #content-in {
  display: block;
  width: calc(100% - 32px);
  max-width: 1280px;
  margin-inline: auto;
}
body.page-id-1188 #main {
  float: none;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 24px;
  background: #07110d !important;
  color: #ffffff;
  border: 0;
}
body.page-id-1188 .mobile-menu-buttons,
body.page-id-1188 .menu-content,
body.page-id-1188 .search-menu-content {
  background: #07110d;
  color: #ffffff;
}
body.page-id-1188 .search-menu-content .search-edit {
  background: #0d1914;
  color: #ffffff;
  border-color: #38ff90;
}
body.page-id-1188 #post-1188,
body.page-id-1188 #post-1188 .entry-content,
body.page-id-1188 #post-1188 .article-header,
body.page-id-1188 #post-1188 .article-footer,
body.page-id-1188 #breadcrumb {
  background: transparent;
  color: #ffffff;
}
body.page-id-1188 #post-1188 .entry-title,
body.page-id-1188 #post-1188 .post-date,
body.page-id-1188 #post-1188 .post-update,
body.page-id-1188 #breadcrumb a {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  body.page-id-1188 #content-in {
    width: calc(100% - 16px);
  }
  body.page-id-1188 #main {
    padding: 12px;
  }
}