/* =========================================================
   ATELIER GIFT PC版CSS 改修版
   ・デザイントークン導入（生成×真鍮ゴールド）
   ・書体：見出し=Noto Serif JP / 英字=Cormorant Garamond / 本文=Noto Sans JP
   ・ランキング3種タブ：下線スライド式セグメント型に統一
   ・順位円形ラベル（CSSカウンター・HTML変更不要）
   ・追従ローカルナビ（AgStickyNav）
   ・金額別 相場表→タブ連動リンク
   ※セクション交互背景（BG_Gray/BG_White）は現状のまま変更なし
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600&family=Cormorant+Garamond:wght@500;600&display=swap');

/* =========================================
   00. デザイントークン（全ページ共通）
========================================= */
:root {
    --ag-ink: #3A3732;          /* 見出し・本文（青みのない墨色） */
    --ag-ink-soft: #8A8278;     /* 補足・注釈 */
    --ag-accent: #B08D57;       /* アクセント（真鍮ゴールド） */
    --ag-accent-soft: #F8F3EA;  /* ホバー淡塗り */
    --ag-line: #E3DACC;         /* 罫線・枠線 */
    --ag-bg-soft: #FBF8F4;      /* ボックス内背景（既存値を踏襲） */
    --ag-bg-head: #F0E8DE;      /* テーブル見出し背景（既存値を踏襲） */
    --ag-font-serif: 'Noto Serif JP', 'Yu Mincho', '游明朝', serif;
    --ag-font-en: 'Cormorant Garamond', 'Times New Roman', serif;
    --ag-font-sans: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', sans-serif;
}

/* =========================================
   01. 全ページ共通：書体システム
========================================= */
body {
    font-family: var(--ag-font-sans);
}

/* セクション見出し（和文）を明朝に */
.Title01_JP,
.Title02_JP {
    font-family: var(--ag-font-serif) !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em;
    color: var(--ag-ink);
}

/* セクション見出し（英字）をCormorantに */
.Title01_EN,
.F_Bodoni {
    font-family: var(--ag-font-en) !important;
    color: var(--ag-accent);
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

html {
    scroll-behavior: smooth;
}

.fs-preview-header { display: none; }

/* ===== トップページ：ヘッダーアイコンを白表示（PC版） ===== */
.fs-body-top .Header_Main:not(.active) .Header_Content01_02 .Header_IconList a img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 3px rgba(0,0,0,0.45)) !important;
    filter: brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 3px rgba(0,0,0,0.45)) !important;
    opacity: 1 !important;
}

/* =========================================
   カタログギフト シリーズ一覧 アンカーボタン
========================================= */
.cataloggift_anchor_nav {
    margin: 24px 0 32px;
}

.cataloggift_anchor_nav_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cataloggift_anchor_nav_item {
    margin: 0;
    padding: 0;
}

.cataloggift_anchor_nav_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid var(--ag-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--ag-ink);
    font-size: 18.2px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.cataloggift_anchor_nav_link:hover,
.cataloggift_anchor_nav_link:focus {
    background: var(--ag-accent-soft);
    border-color: var(--ag-accent);
    color: var(--ag-ink);
    text-decoration: none;
    outline: none;
}

#Link_Sogo,
#Link_Gourmet,
#Link_Bridal,
#Link_Birth,
#Link_Brand,
#Link_Experience,
#Link_Buddhist {
    scroll-margin-top: 120px;
}

@media screen and (max-width: 767px) {
    .cataloggift_anchor_nav {
        margin: 20px 0 28px;
    }

    .cataloggift_anchor_nav_list {
        gap: 8px;
    }

    .cataloggift_anchor_nav_item {
        width: calc(50% - 4px);
    }

    .cataloggift_anchor_nav_link {
        width: 100%;
        min-width: auto;
        min-height: 44px;
        padding: 10px 12px;
        font-size: 16.9px;
    }
}

.register-point-highlight {
  color: #e60012;
  font-weight: bold;
}

/* =========================================
   強化LP専用：ギフトサービス PC表示調整
========================================= */

.fs-lp-gift-service,
.fs-lp-gift-service *,
.fs-lp-gift-service *::before,
.fs-lp-gift-service *::after {
    box-sizing: border-box;
}

.fs-lp-gift-service {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.fs-lp-gift-service .Original_GiftService {
    width: 100%;
    margin: 0 auto;
}

.fs-lp-gift-service .Original_GiftService_Inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.fs-lp-gift-service .Original_GiftService_Title {
    text-align: center;
}

.fs-lp-gift-service .Original_GiftService_Main {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
    margin: 0 auto;
}

.fs-lp-gift-service .Original_GiftService_Box {
    width: 370px;
    max-width: 370px;
    flex: 0 0 370px;
    margin: 0;
}

.fs-lp-gift-service .Original_GiftService_Box_Img {
    width: 100%;
}

.fs-lp-gift-service .Original_GiftService_Box_Img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.fs-lp-gift-service .Original_GiftService_Box_Title {
    text-align: left;
}

.fs-lp-gift-service .Original_GiftService_Box_Text {
    text-align: left;
}

.fs-lp-gift-service .sp {
    display: none;
}

.fs-lp-gift-service .pc {
    display: inline-flex;
}

/* =========================================
   FV：用途別ページ ファーストビュー PC
   （eyebrow英字＋明朝タイトル＋罫線＋CTA2本）
========================================= */

.Special_Group_FV_Eyebrow {
    margin: 0 0 6px;
    padding: 0;
    color: var(--ag-accent);
    font-family: var(--ag-font-en);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.Special_Group_FV .Special_Group_FV_Title {
    font-family: var(--ag-font-serif);
    font-weight: 600;
    letter-spacing: 0.16em;
    color: var(--ag-ink);
}

.Special_Group_FV_Rule {
    display: block;
    width: 48px;
    height: 1px;
    margin: 18px 0 20px;
    background: var(--ag-accent);
}

.Special_Group_FV .Special_Group_FV_Desc {
    color: var(--ag-ink);
    font-size: 14px;
    line-height: 2.1;
    letter-spacing: 0.04em;
}

.Special_Group_FV_Btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

/* 共通ボタン：塗り／アウトライン */
.AgBtn_Fill,
.AgBtn_Outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 264px;
    min-height: 54px;
    padding: 13px 26px;
    border-radius: 999px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.AgBtn_Fill::after,
.AgBtn_Outline::after {
    content: "→";
    margin-left: 10px;
    font-size: 13px;
}

.AgBtn_Fill {
    background: var(--ag-ink);
    border: 1px solid var(--ag-ink);
    color: #ffffff;
}

.AgBtn_Fill:hover,
.AgBtn_Fill:focus {
    background: var(--ag-accent);
    border-color: var(--ag-accent);
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.AgBtn_Outline {
    background: #ffffff;
    border: 1px solid var(--ag-ink);
    color: var(--ag-ink);
}

.AgBtn_Outline:hover,
.AgBtn_Outline:focus {
    background: var(--ag-accent-soft);
    border-color: var(--ag-accent);
    color: var(--ag-ink);
    text-decoration: none;
    outline: none;
}

/* =========================================
   追従ローカルナビ（AgStickyNav）PC
   FV通過後に表示・ヘッダー直下に追従
========================================= */

.AgStickyNav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* ヘッダーのドロップダウン・メニューより必ず下になるよう低く設定 */
    z-index: 10;
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--ag-line);
    transform: translateY(-110%);
    transition: transform 0.3s ease;
}

.AgStickyNav.is-visible {
    transform: translateY(0);
}

.AgStickyNav_List {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 16px;
    list-style: none;
}

.AgStickyNav_List li {
    margin: 0;
    padding: 0;
}

.AgStickyNav_List a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 8px 24px 6px;
    color: var(--ag-ink-soft);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.AgStickyNav_List a:hover,
.AgStickyNav_List a:focus {
    color: var(--ag-ink);
    text-decoration: none;
    outline: none;
}

.AgStickyNav_List a.is-current {
    color: var(--ag-ink);
    border-bottom-color: var(--ag-accent);
}

.AgStickyNav_Main {
    display: block;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.05em;
}

.AgStickyNav_Sub {
    display: block;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.08em;
}

/* 追従ナビ分のアンカー位置補正（固定ヘッダー120px＋ナビ60px） */
#Link_Concierge,
#Link_Recipient_Ranking,
#Link_CategoryRanking,
#Link_BudgetRanking,
#Link_Set,
#Link_GiftSearch,
#Link_Column {
    scroll-margin-top: 185px;
}

/* =========================================
   共通：贈る相手別ランキング PC（旧縦積み型）
   ※未改修ページ（出産内祝い等）向けに維持
========================================= */

.Recipient_Ranking,
.Recipient_Ranking *,
.Recipient_Ranking *::before,
.Recipient_Ranking *::after {
    box-sizing: border-box;
}

.Recipient_Ranking .Recipient_Ranking_Lead {
    max-width: 820px;
    margin: 0 auto 34px;
    padding: 0;
    text-align: center;
}

.Recipient_Ranking .Recipient_Ranking_Lead p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.03em;
}

.Recipient_Ranking .Recipient_Ranking_Nav {
    width: 100%;
    margin: 0 auto 56px;
    padding: 0;
}

.Recipient_Ranking .Recipient_Ranking_Nav_List {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.Recipient_Ranking .Recipient_Ranking_Nav_Item {
    margin: 0;
    padding: 0;
}

.Recipient_Ranking .Recipient_Ranking_Nav_Link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 142px;
    min-height: 46px;
    padding: 11px 20px;
    border: 1px solid var(--ag-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    word-break: keep-all;
    transition: all 0.25s ease;
}

.Recipient_Ranking .Recipient_Ranking_Nav_Link:hover,
.Recipient_Ranking .Recipient_Ranking_Nav_Link:focus {
    background: var(--ag-accent-soft);
    border-color: var(--ag-accent);
    color: var(--ag-ink);
    text-decoration: none;
    outline: none;
}

.Recipient_Ranking .Recipient_Ranking_Block {
    margin: 0 auto 70px;
    padding: 0;
}

.Recipient_Ranking .Recipient_Ranking_Block:last-of-type {
    margin-bottom: 42px;
}

.Recipient_Ranking .Recipient_Ranking_Text {
    max-width: 780px;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
}

.Recipient_Ranking .Recipient_Ranking_Text p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.03em;
}

.Recipient_Ranking .Osusume_Item {
    margin-top: 0;
}

.Recipient_Ranking .Recipient_Ranking_Note {
    margin: 12px auto 0;
    padding: 0;
    color: var(--ag-ink-soft);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}

#Recipient_Ranking_01,
#Recipient_Ranking_02,
#Recipient_Ranking_03,
#Recipient_Ranking_04,
#Recipient_Ranking_05,
#Recipient_Ranking_06 {
    scroll-margin-top: 185px;
}

/* =========================================
   共通マナーコンテンツ PC
========================================= */

.GiftManner,
.GiftManner *,
.GiftManner *::before,
.GiftManner *::after {
    box-sizing: border-box;
}

.GiftManner {
    width: 100%;
    margin: 70px auto 80px;
    padding: 0;
    color: var(--ag-ink);
    font-family: inherit;
    line-height: 1.9;
    letter-spacing: 0.03em;
}

.GiftManner a {
    color: inherit;
    text-decoration: none;
}

.GiftManner_Inner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px;
}

.GiftManner_Lead {
    margin: 0 auto 38px;
    padding: 42px 44px;
    background: var(--ag-bg-soft);
    border: 1px solid var(--ag-line);
    border-radius: 22px;
    text-align: center;
}

.GiftManner_Eyebrow {
    margin: 0 0 10px;
    padding: 0;
    color: var(--ag-accent);
    font-family: var(--ag-font-en);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.GiftManner_Title {
    margin: 0 0 20px;
    padding: 0;
    color: var(--ag-ink);
    font-family: var(--ag-font-serif);
    font-size: 34px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

.GiftManner_LeadText {
    max-width: 880px;
    margin: 0 auto 12px;
    padding: 0;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
}

.GiftManner_LeadText:last-child {
    margin-bottom: 0;
}

/* GiftManner 内アンカー PC */
.GiftManner_LocalNavi {
    width: 100%;
    max-width: 920px;
    margin: 0 auto 58px;
    padding: 0;
}

.GiftManner_LocalNavi_Inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.GiftManner_LocalNavi_List {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 0 !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.GiftManner_LocalNavi_List li,
.GiftManner_LocalNavi_List li:nth-child(2n),
.GiftManner_LocalNavi_List li:nth-child(3n),
.GiftManner_LocalNavi_List li:nth-child(4n),
.GiftManner_LocalNavi_List li:nth-child(n+4),
.GiftManner_LocalNavi_List li:nth-child(n+5) {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-right: 1px solid var(--ag-line) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
}

.GiftManner_LocalNavi_List li:nth-child(3n) {
    border-right: none !important;
    padding-right: 0 !important;
}

.GiftManner_LocalNavi_List li:nth-child(3n + 1) {
    padding-left: 0 !important;
}

.GiftManner_LocalNavi_List li a {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ag-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

.GiftManner_LocalNavi_List li a::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    margin-top: 8px;
    border-right: 1px solid var(--ag-accent);
    border-bottom: 1px solid var(--ag-accent);
    transform: rotate(45deg);
    flex-shrink: 0;
}

.GiftManner_LocalNavi_List li a:hover,
.GiftManner_LocalNavi_List li a:focus {
    color: var(--ag-accent) !important;
    text-decoration: none !important;
    outline: none;
}

.GiftManner_LocalNavi_Empty {
    pointer-events: none !important;
}

.GiftManner_LocalNavi_Empty::before {
    content: "";
    display: block;
    min-height: 58px;
}

/* セクション共通 */
.GiftManner_Section {
    margin: 0 auto 52px;
    padding: 40px 44px;
    background: #ffffff;
    border: 1px solid var(--ag-line);
    border-radius: 20px;
}

.GiftManner_Section:last-child {
    margin-bottom: 0;
}

.GiftManner_SectionSoft {
    background: var(--ag-bg-soft);
}

.GiftManner_SectionHead {
    margin: 0 0 22px;
    padding: 0;
    text-align: center;
}

.GiftManner_Heading {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-family: var(--ag-font-serif);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.08em;
}

.GiftManner_TextBlock {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.GiftManner_TextBlock p {
    margin: 0 0 14px;
    padding: 0;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
}

.GiftManner_TextBlock p:last-child {
    margin-bottom: 0;
}

/* ポイントボックス */
.GiftManner_PointBox {
    max-width: 860px;
    margin: 26px auto 0;
    padding: 24px 28px;
    background: #ffffff;
    border: 1px solid var(--ag-line);
    border-radius: 16px;
}

.GiftManner_Section:not(.GiftManner_SectionSoft) .GiftManner_PointBox {
    background: var(--ag-bg-soft);
}

.GiftManner_PointTitle {
    margin: 0 0 12px;
    padding: 0;
    color: var(--ag-ink);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}

.GiftManner_CheckList {
    max-width: 560px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.GiftManner_CheckList li {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 22px;
    color: var(--ag-ink);
    font-size: 15px;
    line-height: 1.9;
    text-align: left;
}

.GiftManner_CheckList li:last-child {
    margin-bottom: 0;
}

.GiftManner_CheckList li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.78em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ag-accent);
}

/* テーブル */
.GiftManner_TableWrap {
    width: 100%;
    margin: 26px auto 0;
    overflow-x: auto;
    border: 1px solid var(--ag-line);
    border-radius: 16px;
    background: #ffffff;
}

.GiftManner_Table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border-collapse: collapse;
}

.GiftManner_Table th,
.GiftManner_Table td {
    padding: 17px 18px;
    border-bottom: 1px solid var(--ag-line);
    color: var(--ag-ink);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
    vertical-align: middle;
}

.GiftManner_Table th {
    background: var(--ag-bg-head);
    color: var(--ag-ink);
    font-weight: 700;
}

.GiftManner_Table tbody th {
    width: 24%;
}

.GiftManner_Table tr:last-child th,
.GiftManner_Table tr:last-child td {
    border-bottom: none;
}

/* のし画像 */
.GiftManner_NoshiImage {
    max-width: 640px;
    margin: 28px auto 0;
    padding: 0;
    text-align: center;
}

.GiftManner_NoshiImage img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 16px;
    border: 1px solid var(--ag-line);
}

.GiftManner_NoshiImage figcaption {
    margin: 10px 0 0;
    padding: 0;
    color: var(--ag-ink-soft);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
}

/* 注釈 */
.GiftManner_Note {
    max-width: 860px;
    margin: 22px auto 0;
    padding: 18px 22px;
    background: var(--ag-bg-soft);
    border: 1px solid var(--ag-line);
    border-radius: 14px;
    color: var(--ag-ink-soft);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
    text-align: center;
}

/* カード */
.GiftManner_Grid {
    display: grid;
    gap: 18px;
    margin: 26px auto 0;
}

.GiftManner_Grid3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.GiftManner_Card {
    padding: 22px 22px;
    background: #ffffff;
    border: 1px solid var(--ag-line);
    border-radius: 16px;
    text-align: center;
}

.GiftManner_CardTitle {
    margin: 0 0 8px;
    padding: 0;
    color: var(--ag-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}

.GiftManner_Card p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 14px;
    line-height: 1.9;
}

/* CTA */
.GiftManner_CtaBox {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 900px;
    margin: 30px auto 0;
    padding: 0;
    background: transparent;
    border: none;
}

.GiftManner_CtaButtonWrap {
    display: flex;
    justify-content: center;
    gap: 14px;
    width: 100%;
}

.GiftManner_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    min-height: 50px;
    padding: 13px 26px;
    border: 1px solid var(--ag-accent);
    border-radius: 999px;
    background: #ffffff;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
}

.GiftManner_Button:hover,
.GiftManner_Button:focus {
    background: var(--ag-accent-soft);
    border-color: var(--ag-accent);
    color: var(--ag-ink);
    opacity: 1;
    text-decoration: none;
    outline: none;
}

/* メッセージ文例 */
.GiftManner_MessageList {
    max-width: 900px;
    margin: 26px auto 0;
    padding: 0;
}

.GiftManner_Message {
    margin: 0 0 16px;
    padding: 22px 24px;
    background: #ffffff;
    border: 1px solid var(--ag-line);
    border-radius: 16px;
    text-align: center;
}

.GiftManner_Message:last-child {
    margin-bottom: 0;
}

.GiftManner_MessageTitle {
    margin: 0 0 8px;
    padding: 0;
    color: var(--ag-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}

.GiftManner_Message p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 14px;
    line-height: 1.9;
}

/* FAQ */
.GiftManner_FaqList {
    max-width: 900px;
    margin: 26px auto 0;
    padding: 0;
}

.GiftManner_FaqItem {
    margin: 0 0 12px;
    padding: 0;
    background: #ffffff;
    border: 1px solid var(--ag-line);
    border-radius: 14px;
    overflow: hidden;
}

.GiftManner_FaqItem:last-child {
    margin-bottom: 0;
}

.GiftManner_FaqQuestion {
    position: relative;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 18px 52px 18px 22px;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    list-style: none;
    text-align: left;
}

.GiftManner_FaqQuestion::-webkit-details-marker {
    display: none;
}

.GiftManner_FaqQuestion::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ag-accent);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

.GiftManner_FaqItem[open] .GiftManner_FaqQuestion::after {
    content: "−";
}

.GiftManner_FaqAnswer {
    padding: 0 22px 20px;
}

.GiftManner_FaqAnswer p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 14px;
    line-height: 1.9;
    text-align: left;
}

/* 固定ヘッダー対策 */
#GiftManner,
#GiftManner_Basic,
#GiftManner_Timing,
#GiftManner_Budget,
#GiftManner_Noshi,
#GiftManner_Recipient,
#GiftManner_Message,
#GiftManner_Ng,
#GiftManner_Service,
#GiftManner_Faq {
    scroll-margin-top: 185px;
}

/* =========================================
   ATELIER GIFT 条件検索パーツ PC
   かんたんギフト検索
========================================= */

.AgGiftFinder,
.AgGiftFinder *,
.AgGiftFinder *::before,
.AgGiftFinder *::after {
  box-sizing: border-box;
}

.AgGiftFinder {
  width: 100%;
  margin: 56px auto 64px;
  padding: 0;
  color: var(--ag-ink);
  font-family: inherit;
  line-height: 1.8;
  letter-spacing: 0.03em;
  clear: both;
}

.AgGiftFinder_Inner {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

.AgGiftFinder_Head {
  margin: 0 auto 20px;
  padding: 18px 34px 16px;
  background: var(--ag-bg-soft);
  border: 1px solid var(--ag-line);
  border-radius: 22px 22px 0 0;
  text-align: center;
}

.AgGiftFinder_Title {
  margin: 0;
  padding: 0;
  color: var(--ag-ink);
  font-family: var(--ag-font-serif);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.08em;
}

.AgGiftFinder_Form {
  width: 100%;
  margin: -20px auto 0;
  padding: 34px 42px 36px;
  background: #ffffff;
  border: 1px solid var(--ag-line);
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(80, 64, 48, 0.08);
}

.AgGiftFinder_Fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: end;
  width: 100%;
  margin: 0;
  padding: 0;
}

.AgGiftFinder_Field {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.AgGiftFinder_Label {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  color: var(--ag-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

.AgGiftFinder_Label::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 2px 8px;
  border-radius: 50%;
  background: var(--ag-accent);
}

.AgGiftFinder_SelectWrap {
  position: relative;
  width: 100%;
}

.AgGiftFinder_SelectWrap::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1px solid var(--ag-ink);
  border-bottom: 1px solid var(--ag-ink);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.AgGiftFinder_Select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0 46px;
  border: 1px solid var(--ag-line);
  border-radius: 999px;
  background: #ffffff;
  background-image: none;
  color: var(--ag-ink);
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 52px;
  text-align: center;
  text-align-last: center;
  cursor: pointer;
  outline: none;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.AgGiftFinder_Select option {
  text-align: center;
}

.AgGiftFinder_Select::-ms-expand {
  display: none;
}

.AgGiftFinder_Select:focus {
  border-color: var(--ag-accent);
  box-shadow: 0 0 0 3px rgba(176, 141, 87, 0.14);
  background: #fffdf9;
}

.AgGiftFinder_Select:hover {
  border-color: var(--ag-accent);
}

.AgGiftFinder_Status {
  min-height: 26px;
  margin: 22px auto 0;
  padding: 0;
  color: var(--ag-ink-soft);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
}

.AgGiftFinder_StatusTitle {
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
}

.AgGiftFinder_StatusItem {
  display: inline-block;
  margin: 0 8px 0 0;
}

.AgGiftFinder_StatusItem::after {
  content: "/";
  display: inline-block;
  margin-left: 8px;
  color: var(--ag-line);
}

.AgGiftFinder_StatusItem:last-child::after {
  content: "";
  margin-left: 0;
}

.AgGiftFinder_StatusLabel {
  font-weight: 700;
}

.AgGiftFinder_StatusValue {
  font-weight: 400;
}

.AgGiftFinder_Actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 22px auto 0;
  padding: 0;
}

.AgGiftFinder_Submit,
.AgGiftFinder_Reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  min-height: 52px;
  margin: 0;
  padding: 13px 28px;
  border: 1px solid var(--ag-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ag-ink);
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.24s ease;
}

.AgGiftFinder_Submit:hover,
.AgGiftFinder_Submit:focus,
.AgGiftFinder_Reset:hover,
.AgGiftFinder_Reset:focus {
  border-color: var(--ag-accent);
  background: var(--ag-accent-soft);
  color: var(--ag-ink);
  opacity: 1;
  outline: none;
}

/* =========================================
  ATELIER GIFT
  30秒ギフト診断 コンシェルジュおすすめトップ3 PC
========================================= */

.AgGiftConcierge,
.AgGiftConcierge *,
.AgGiftConcierge *::before,
.AgGiftConcierge *::after {
  box-sizing: border-box;
}

.AgGiftConcierge {
  font-family: inherit;
  color: var(--ag-ink);
}

.AgGiftConcierge_FloatButton {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 188px;
  min-height: 68px;
  padding: 12px 20px 13px;
  border: 1px solid var(--ag-accent);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ag-ink);
  box-shadow: 0 12px 32px rgba(80, 64, 48, 0.22);
  cursor: pointer;
  text-align: center;
  transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.AgGiftConcierge_FloatButton:hover,
.AgGiftConcierge_FloatButton:focus {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(80, 64, 48, 0.26);
  outline: none;
}

.AgGiftConcierge_FloatLabel {
  display: block;
  margin: 0 0 3px;
  color: var(--ag-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
}

.AgGiftConcierge_FloatTitle {
  display: block;
  color: var(--ag-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.03em;
}

.AgGiftConcierge_Backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.28);
}

.AgGiftConcierge_Panel {
  position: fixed;
  right: 22px;
  bottom: 108px;
  z-index: 9999;
  width: 430px;
  max-width: calc(100vw - 44px);
  max-height: calc(100vh - 132px);
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid var(--ag-line);
  border-radius: 22px;
  box-shadow: 0 20px 58px rgba(80, 64, 48, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
}

.AgGiftConcierge_Panel.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.AgGiftConcierge_PanelInner {
  position: relative;
  padding: 28px 28px 30px;
}

.AgGiftConcierge_Close {
  position: absolute;
  top: 12px;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--ag-ink);
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.AgGiftConcierge_Head {
  margin: 0 0 20px;
  padding: 0 24px 18px;
  border-bottom: 1px solid var(--ag-line);
  text-align: center;
}

.AgGiftConcierge_Eyebrow {
  margin: 0 0 6px;
  padding: 0;
  color: var(--ag-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
}

.AgGiftConcierge_Title {
  margin: 0 0 10px;
  padding: 0;
  color: var(--ag-ink);
  font-family: var(--ag-font-serif);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.05em;
}

.AgGiftConcierge_Lead {
  margin: 0;
  padding: 0;
  color: var(--ag-ink-soft);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
}

.AgGiftConcierge_Field {
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
}

.AgGiftConcierge_Label {
  display: block;
  margin: 0 0 7px;
  padding: 0;
  color: var(--ag-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.AgGiftConcierge_Label::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 0 2px 7px;
  border-radius: 50%;
  background: var(--ag-accent);
}

.AgGiftConcierge_SelectWrap {
  position: relative;
  width: 100%;
}

.AgGiftConcierge_SelectWrap::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1px solid var(--ag-ink);
  border-bottom: 1px solid var(--ag-ink);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.AgGiftConcierge_Select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0 44px;
  border: 1px solid var(--ag-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ag-ink);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  text-align-last: center;
  cursor: pointer;
  outline: none;
}

.AgGiftConcierge_Status {
  min-height: 24px;
  margin: 17px auto 0;
  padding: 12px 14px;
  background: var(--ag-bg-soft);
  border: 1px solid var(--ag-line);
  border-radius: 14px;
  color: var(--ag-ink-soft);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
}

.AgGiftConcierge_Status strong {
  color: var(--ag-ink);
  font-weight: 700;
}

.AgGiftConcierge_Actions {
  display: grid;
  grid-template-columns: 1fr 0.72fr;
  gap: 10px;
  width: 100%;
  margin: 18px auto 0;
  padding: 0;
}

.AgGiftConcierge_Submit,
.AgGiftConcierge_Reset {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 11px 14px;
  border: 1px solid var(--ag-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ag-ink);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.AgGiftConcierge_Submit {
  border-color: var(--ag-accent);
  background: var(--ag-accent-soft);
}

.AgGiftConcierge_Result {
  margin: 22px auto 0;
  padding: 0;
}

.AgGiftConcierge_ResultHead {
  margin: 0 0 14px;
  padding: 0;
  text-align: center;
}

.AgGiftConcierge_ResultTitle {
  margin: 0 0 6px;
  padding: 0;
  color: var(--ag-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.5;
}

.AgGiftConcierge_ResultText {
  margin: 0;
  padding: 0;
  color: var(--ag-ink-soft);
  font-size: 12px;
  line-height: 1.7;
}

.AgGiftConcierge_Loading,
.AgGiftConcierge_Empty,
.AgGiftConcierge_Error {
  margin: 0;
  padding: 18px 16px;
  background: var(--ag-bg-soft);
  border: 1px solid var(--ag-line);
  border-radius: 14px;
  color: var(--ag-ink-soft);
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}

.AgGiftConcierge_Items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.AgGiftConcierge_Item {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 13px;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--ag-line);
  border-radius: 16px;
  background: #ffffff;
}

.AgGiftConcierge_ItemImage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--ag-bg-soft);
  text-decoration: none;
}

.AgGiftConcierge_ItemImage img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 1;
  visibility: visible;
}

.AgGiftConcierge_NoImage {
  color: var(--ag-ink-soft);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.AgGiftConcierge_Rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 21px;
  margin: 0 0 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--ag-bg-soft);
  color: var(--ag-accent);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
}

.AgGiftConcierge_ItemName {
  margin: 0 0 6px;
  padding: 0;
  color: var(--ag-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
  text-transform: none;
  font-variant: normal;
  font-feature-settings: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.AgGiftConcierge_ItemPrice {
  margin: 0 0 9px;
  padding: 0;
  color: var(--ag-ink-soft);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.AgGiftConcierge_ItemButton,
.AgGiftConcierge_MoreLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--ag-ink);
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
}

.AgGiftConcierge_ItemButton {
  min-height: 34px;
  padding: 8px 15px;
  border: 1px solid var(--ag-accent);
  background: var(--ag-accent-soft);
  font-size: 12px;
}

.AgGiftConcierge_More {
  margin: 16px auto 0;
  padding: 0;
  text-align: center;
}

.AgGiftConcierge_MoreLink {
  min-height: 42px;
  padding: 10px 22px;
  border: 1px solid var(--ag-line);
  background: #ffffff;
  font-size: 13px;
}

/* =========================================
  ↑TOP位置調整：PC
========================================= */

.Page_Top {
  position: fixed !important;
  right: 22px !important;
  bottom: 116px !important;
  z-index: 9999 !important;
}

.Page_Top a {
  display: block;
}

.Page_Top img {
  display: block;
}

/* =========================================
   ランキング共通タブ PC
   下線スライド式セグメント型
   対象：贈り先別 / 商品カテゴリ別 / 金額別
========================================= */

.AgCategoryRanking,
.AgCategoryRanking *,
.AgCategoryRanking *::before,
.AgCategoryRanking *::after {
    box-sizing: border-box;
}

.AgCategoryRanking {
    color: var(--ag-ink);
    font-family: inherit;
}

.AgCategoryRanking_Inner {
    position: relative;
}

.AgCategoryRanking_Lead {
    max-width: 820px;
    margin: 0 auto 34px;
    padding: 0;
    text-align: center;
}

.AgCategoryRanking_Lead p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.03em;
}

/* タブ：セグメント型
   項目数可変対応（3〜8個）：はみ出す場合は中央揃えで自動折返し。
   下線は各タブ自身に持たせているため、2行になっても破綻しない */
.AgCategoryRanking_Tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 8px;
    max-width: 1040px;
    margin: 0 auto 38px;
    padding: 0;
    scroll-margin-top: 185px;
}

.AgCategoryRanking_Tab {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 14px 24px 15px;
    border: none;
    border-bottom: 1px solid var(--ag-line);
    border-radius: 0;
    background: transparent;
    color: var(--ag-ink-soft);
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.AgCategoryRanking_Tab::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--ag-accent);
    transition: width 0.25s ease;
}

.AgCategoryRanking_Tab:hover,
.AgCategoryRanking_Tab:focus {
    background: transparent;
    border-bottom-color: var(--ag-line);
    color: var(--ag-ink);
    opacity: 1;
    outline: none;
}

.AgCategoryRanking_Tab.is-active {
    border-bottom-color: var(--ag-line);
    background: transparent;
    color: var(--ag-ink);
    font-weight: 700;
    opacity: 1;
}

.AgCategoryRanking_Tab.is-active::after {
    width: calc(100% - 24px);
}

.AgCategoryRanking_Tab.is-active:hover,
.AgCategoryRanking_Tab.is-active:focus {
    border-bottom-color: var(--ag-line);
    background: transparent;
    color: var(--ag-ink);
}

/* パネル */
.AgCategoryRanking_Panels {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.AgCategoryRanking_Panel {
    width: 100%;
    margin: 0;
    padding: 0;
}

.AgCategoryRanking_Panel[hidden] {
    display: none !important;
}

.AgCategoryRanking_Text {
    max-width: 780px;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
}

.AgCategoryRanking_Text p {
    margin: 0;
    padding: 0;
    color: var(--ag-ink);
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.03em;
}

.AgCategoryRanking_Items {
    margin-top: 0;
}

.AgCategoryRanking_Items .fs-c-productList,
.AgCategoryRanking_Items .fs-c-productList__list {
    max-width: 100%;
}

.AgCategoryRanking_Items > ul {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.AgCategoryRanking_Note {
    margin: 16px auto 0;
    padding: 0;
    color: var(--ag-ink-soft);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}

/* =========================================
   順位の円形ラベル PC
   JS（07_共通スクリプト）が任意商品表示パーツの
   出力を自動検出し .AgRankBadge を付与する方式。
   class名不問・商品数（1〜20個）に自動対応
========================================= */

.AgRankItem {
    position: relative !important;
}

.AgRankBadge {
    position: absolute;
    top: -9px;
    left: -9px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--ag-accent);
    border-radius: 50%;
    background: #ffffff;
    color: var(--ag-accent);
    font-family: var(--ag-font-en);
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(58, 55, 50, 0.08);
    pointer-events: none;
}

/* 1位のみ塗り */
.AgRankBadge.is-first {
    background: var(--ag-accent);
    color: #ffffff;
}

/* =========================================
   金額別 お返し目安と人気ギフト PC
========================================= */

.AgBudgetRanking,
.AgBudgetRanking *,
.AgBudgetRanking *::before,
.AgBudgetRanking *::after {
    box-sizing: border-box;
}

.AgBudgetRanking_Guide {
    max-width: 920px;
    margin: 0 auto 38px;
    padding: 0;
}

.AgBudgetRanking_GuideInner {
    padding: 28px 34px 30px;
    background: #ffffff;
    border: 1px solid var(--ag-line);
    border-radius: 20px;
}

.AgBudgetRanking_GuideTitle {
    margin: 0 0 18px;
    padding: 0;
    color: var(--ag-ink);
    font-family: var(--ag-font-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.08em;
}

.AgBudgetRanking_TableWrapPc {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid var(--ag-line);
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
}

.AgBudgetRanking_Table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

.AgBudgetRanking_Table th,
.AgBudgetRanking_Table td {
    padding: 15px 16px;
    border-bottom: 1px solid var(--ag-line);
    color: var(--ag-ink);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
    vertical-align: middle;
}

.AgBudgetRanking_Table th {
    background: var(--ag-bg-head);
    font-weight: 700;
}

.AgBudgetRanking_Table tr:last-child td {
    border-bottom: none;
}

.AgBudgetRanking_CardList {
    display: none;
}

.AgBudgetRanking_GuideNote {
    margin: 16px auto 0;
    padding: 0;
    color: var(--ag-ink-soft);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}

.AgBudgetRanking .AgCategoryRanking_Tabs {
    max-width: 1120px;
}

/* 相場表→ランキングタブ 連動リンク */
.AgBudgetRanking_JumpLink {
    display: inline-block;
    margin-top: 6px;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--ag-accent);
    color: var(--ag-ink);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.AgBudgetRanking_JumpLink::after {
    content: " →";
    color: var(--ag-accent);
}

.AgBudgetRanking_JumpLink:hover,
.AgBudgetRanking_JumpLink:focus {
    color: var(--ag-accent);
    text-decoration: none;
    outline: none;
}

/* =========================================
   ランキング商品リスト：カルーセル矢印 無効化（PC）
========================================= */

.Recipient_Ranking .Osusume_Item .fs-c-productListCarousel__ctrl,
.AgCategoryRanking_Items .fs-c-productListCarousel__ctrl {
    display: none !important;
}

.Recipient_Ranking .Osusume_Item .fs-c-productListCarousel__list,
.AgCategoryRanking_Items .fs-c-productListCarousel__list {
    width: 100%;
}