/* =======================================
   staging.css (最終CSSテスト: 画像の垂直配置修正)
   ======================================= */

.no_hover_wrapper .item:hover, 
.no_hover_wrapper .item a:hover {
    opacity: 1 !important; /* 不透明度変化を無効化 */
    transition: none !important; /* 遷移効果を無効化 */
    cursor: default; /* カーソルをデフォルトに戻す（必要な場合） */
}

/* past-archives 系統のカテゴリ見出しに対するホバー無効化の対応 */
.no_hover_wrapper .headline .title a:hover .icon_arw:before,
.no_hover_wrapper .headline .title a:hover .icon_arw:after {
    animation: none; /* headline のアニメーションを無効化 [5] */
}

/* 1. 全体背景と余白（PC/モバイル共通） */
.ebook_news_area {
    background: #fff !important;
    padding: 0 !important;
}

.ebook_news_area .section_inner {
    background: #fff !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px !important;
}

/* 2. 不要な「全体ニュース一覧」ボタン（リストのすぐ下にある方）を強制非表示 */
/* HTML構造的に top_news_list の直下にあるボタンを狙います */
.ebook_news_area .top_news_list > .c_btn_basic.sp {
    display: none !important;
}

/* 3. モバイル表示（767px以下）の調整 */
@media screen and (max-width: 767px) {
    .ebook_news_area .section_inner {
        padding: 15px 15px !important; 
    }

    /* ボタン内のラベルやリンクが透過していないか念のため確認 */
    .ebook_news_area .headline .c_btn_basic.sp a {
        display: block !important;
    }
}