/* Theme Name: Cocoon Child */
/* Template: cocoon */
@import url("../cocoon/style.css");

/* ハンバーガーはみ出し緊急補正 */
@media screen and (max-width: 782px) {
  #top-head #nav-toggle {
    position: static !important;
    right: auto !important;
    top: auto !important;
    margin-left: auto !important;
  }
}

/* ハンバーガーアイコン位置補正（右はみ出し解消・天地中央揃え） */
@media screen and (max-width: 782px) {
    .home #top-head .inner,
    #top-head .inner,
    .home #top-head #mobile-head,
    #top-head #mobile-head {
        position: relative !important;
        overflow: visible !important;
    }

    .home #top-head #nav-toggle,
    #top-head #nav-toggle,
    #nav-toggle {
        position: absolute !important;
        top: 50% !important;
        right: 15px !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        z-index: 10000000 !important;
    }
}

/* ハンバーガーアイコン 位置微調整（右はみ出し解消 ＆ 上下位置固定） */
@media screen and (max-width: 782px) {
    .home #top-head #nav-toggle,
    #top-head #nav-toggle,
    #nav-toggle {
        top: 8px !important;
        right: 24px !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }
}

        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }
}

    }
}

/* ===================================================
   スクロール白透過時：ロゴカラー変更（#004890）
   =================================================== */
/* PC表示 */
.home #top-head.fixed .logo,
.home #top-head.fixed .logo a,
.home #top-head.fixed #logolink,
#top-head.fixed .logo,
#top-head.fixed .logo a,
#top-head.fixed #logolink {
    color: #004890 !important;
}

/* スマホ表示 */
@media screen and (max-width: 782px) {
    .home #top-head.fixed:not(.open) .logo,
    .home #top-head.fixed:not(.open) #logolink,
    .home #top-head.fixed:not(.open) .logo a,
    #top-head.fixed:not(.open) .logo,
    #top-head.fixed:not(.open) #logolink,
    #top-head.fixed:not(.open) .logo a {
        color: #004890 !important;
    }
}

/* ===================================================
   白透過時（.fixed）のロゴカラー強制上書き（#004890）
   =================================================== */
#top-head.fixed #mobile-head h1,
#top-head.fixed #mobile-head h1 a,
#top-head.fixed #mobile-head a#logolink,
#top-head.fixed #mobile-head a.logo,
.home #top-head.fixed #mobile-head h1,
.home #top-head.fixed #mobile-head h1 a,
.home #top-head.fixed #mobile-head a#logolink,
.home #top-head.fixed #mobile-head a.logo {
    color: #004890 !important;
}