@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/
/* ========================================================== */
/* 【最終解決版】固定ヘッダーによる全問題解消CSS */
/* ========================================================== */

/* 1. 【トップページのみ】l-contentsコンテナとスライダー本体を上に引き上げ、隙間を埋める */


.home .main-visual,
.front-page .main-visual {
    /* ヘッダー高さに合わせて調整 */
    margin-top: -120px !important; 
    padding-top: 0 !important;
}

/* ========================================================== */
/* SNSアイコンの色修正（属性セレクタによる最終強制上書き） */
/* ========================================================== */

/* 1. リンク要素の属性を使って、最も優先度の高いセレクタで色を白に指定 */
/* class="share-button"を持つaタグに適用します */
a[class*="share-button"] {
    color: #fff !important; 
}

/* 2. アイコン本体（iタグ）にも同様に適用 */
a[class*="share-button"] i {
    color: #fff !important; 
}
/* ========================================================== */
/* スマートフォン（スマホ）でのレイアウト修正 */
/* ========================================================== */
@media screen and (max-width: 768px) { 
    
    /* 1. スライダーの隙間・かぶりを解消 (例: 高さ60pxに調整) */
    .home .main-visual,
    .front-page .main-visual {
        /* PC版の-120pxを上書きし、スマホヘッダーの高さに合わせて調整 */
        margin-top: -60px !important; 
    }

    /* 2. スライダー直後のコンテンツの押し下げを調整 */
    .home #contents.l-contents > .l-content,
    .front-page #contents.l-contents > .l-content {
        margin-top: 60px !important; 
    }

    /* 3. フッター・コピーライトの余分な余白をリセット */
    .l-content {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    /* l-footer, p-footer-copyright の余白をすべてリセット */
    .l-footer, .p-footer-copyright, .site-copyright {
        padding-top: 0px !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important; 
        margin-bottom: 0px !important;
    }
}