/* =========================================================
   RSN Overrides CSS
   既存CDN CSS (common.css, header.css, style.css) の上書き
   フォント修正: 2026-03-26
   ========================================================= */

/* --- TwentyFourteen テーマの base リセット --- */
/* font-family は新デザインセクション限定で適用（下記参照） */
body.rsn-page {
    font-size: var(--rsn-text-base) !important;
    color: var(--rsn-text) !important;
    line-height: 1.6 !important;
}

/* --- フォント: 新デザインセクション限定適用 ---
   旧デザインページ（カテゴリページ等）は既存フォント（メイリオ等）を維持 --- */
.rsn-header,
.rsn-footer,
.rsn-hero,
.rsn-l-section,
.rsn-sp-sticky-bar,
.rsn-detail,
.rsn-floating-banner,
.rsn-breadcrumb {
    font-family: var(--rsn-font-base);
}

/* --- ブランドカード英名: 游明朝 Extrabold（XDカンプ準拠） --- */
.rsn-brand-card__text p {
    font-family: var(--rsn-font-serif);
    font-weight: 800;
}

/* --- 商品詳細ページ 背景色 --- */
body:has(.rsn-detail) {
    background-color: #F0F0F0 !important;
}

/* --- 商品詳細ページ PC幅拡張 (1260px) --- */
@media screen and (min-width: 641px) {
    body:has(.rsn-detail) .rsn-detail.rsn-l-container {
        width: 1260px !important;
        max-width: none;
    }
}

/* --- 既存ヘッダーの非表示（新ヘッダーと差替え） --- */
.rsn-page .headroom,
.rsn-page .l-header,
.rsn-page .l-nav {
    display: none !important;
}

/* --- 既存フッターの非表示（新フッターと差替え） --- */
.rsn-page #footer,
.rsn-page .l-footer {
    display: none !important;
}

/* --- ks01 CSS変数ブリッジ追加上書き --- */
/* ブリッジでカバーされないハードコード箇所を上書き */

.rsn-page .ks01-check-badge {
    background: linear-gradient(145deg, var(--rsn-gold) 0%, var(--rsn-gold-light) 100%) !important;
    box-shadow: 0 4px 15px rgba(121, 100, 71, 0.4) !important;
}

.rsn-page .ks01-camera-frame {
    background: linear-gradient(145deg, #F5F0EB 0%, #EDE8E1 100%) !important;
    border-color: rgba(121, 100, 71, 0.15) !important;
}

/* ks01-camera-guide-circle: SVG背景方式のため border-color 上書きは不要 */

.rsn-page .ks01-header-simple {
    border-bottom-color: rgba(121, 100, 71, 0.08) !important;
}

.rsn-page .ks01-capsule-btn {
    background: rgba(121, 100, 71, 0.06) !important;
}

.rsn-page .ks01-capsule-btn.active {
    background: #8e8e8e !important;
    color: #fff !important;
}

.rsn-page .ks01-capsule-btn:hover {
    background: rgba(121, 100, 71, 0.12) !important;
}

.rsn-page .ks01-loader-ring {
    border-color: rgba(121, 100, 71, 0.1) !important;
}

.rsn-page .ks01-footer-note-blue {
    background: rgba(121, 100, 71, 0.03) !important;
}

.rsn-page .ks01-link-blue:hover,
.rsn-page .ks01-link-arrow:hover,
.rsn-page .ks01-back-arrow:hover {
    background: rgba(121, 100, 71, 0.08) !important;
}

/* --- PAGE TOPボタン位置補正 --- */
.to-top {
    right: 20px !important;
}