/* ==========================================================================
   sports.css（最終完全版：フッター競合バグ修正・PC位置調整）
   ========================================================================== */

html { scroll-behavior: smooth; }

.mainframe_ .article-body--wrap {
    margin: 0 auto 0rem;
}

.product-detail-page img,
.product-detail-page_2 {
    display: none;
}

.optimaized-h1 {
    padding: 0px;
    background-color: #ffffff;
    color: #333333;
}

#header-contents header,
#header-contents header .header-container {
    padding: 0px;
    background-color: #ffffff;
    background: #ffffff !important;
}

body .header-btn__search-line {
    display: none !important;
}

/* 検索窓削除後の標準高さ設定（スマホベース） */
#header-contents {
    position: relative;
    border-top: solid 1px #ffffff;
    height: 4.5rem; 
}

.container {
    padding: 0px;
    background-color: #ffffff;
}

.free-box01--container {
    background: #f7f7f7 !important; 
    color: #333333;
}

body .page-guide .free-box01--text p,
body .revico-star-block--rate span,
.common-navipage--top .page-navi--sum {
    color: #ffffff !important;
}

.goods-list__p-item--name a,
.goods-list__p-item--name {
    color: #333333 !important;
    text-decoration: none;
}

#block-topicPath,
#block-topicPath a,
#block-topicPath span {
    color: #333333 !important;
}
#bread-crumb-list {
    color: #ffffff !important;
}
#block-topicPath ul {
    padding-bottom: 20px;
}

/* ==========================================================================
   ページ下部_フッター一部削除（HTMLクラスを変更せずCSS側で競合を回避）
   ========================================================================== */
.footer-category,
.category-ac-toggle-contents,
.footer-sns,
.footer-nav,
.footer-bottom-inner {
    display: none !important;
}

/* 【社内ルール完全対策】
   共通フッターの枠（.static や .footer-bottom）の中にいる ttl-cmn-01 だけを消します。
   これで特集ページ上部の「ブラ」の文字に一切干渉しなくなります。 */
.static .ttl-cmn-01,
.footer-bottom .ttl-cmn-01,
.footer-bottom-inner .ttl-cmn-01 {
    display: none !important;
}

.footer-bottom .copyright {
    padding-bottom: 18.8vw;
    font-size: 2.67vw;
    background-color: #ffffff;
    background: #ffffff !important; 
    color: #333333;
}
.mainframe_ .article-body--middle {
    margin: 0 0 0rem;
}

.goods-list-sort-block {
    color: #ffffff !important;
    text-decoration: none;
}
.goods-list-sort-block dd ul li a, 
.goods-list-style-block dd ul li a {
    text-decoration: underline;
    color: #ffffff !important;
}
.common-navipage--top {
    background-color: #ffffff !important;
}
.page-navi--sum span {
    color: #ffffff !important;
    text-decoration: none;
}

/* ==========================================================================
   ★PCビュー（画面横幅が768px以上）のヘッダー位置を完全に固定する設定
   ========================================================================== */
@media screen and (min-width: 768px) {
    #header-contents {
        height: 0.1rem !important; /* スマホ用の高さをリセット */
    }
    .mainframe_ {
        margin-top: 0rem !important; /* 一度リセットします */
    }
    /* 画像エリアそのものの余白を50pxにして確実にロゴの下に押し下げます */
    .mvArea {
        padding-top: 50px !important; 
    }
}