/* =========================================================
rumors — 共通カスタムCSS（fs_theme.css の後に読み込む前提）
・テーマの構造／アイコン／レイアウトは活かす
・青み(#7c8790)・ピンク(#C98696)・影 → モノクロ＆線基調へ
・トーンは product-detail（参考デザイン）に統一
本番では、このファイルをカスタムCSSとして読み込む（全ページ共通）。
========================================================= */
/* プレビュー用：FS標準アイコンフォントの読み込み（テーマのアイコンを使う）
※本番では fs_style.css が同じ定義を読込済みのため不要だが、残しても無害 */
@font-face{
font-family:"fs-icon";
src:url("https://rumors.itembox.cloud/system/font/fs-icon.ttf?f2942g") format("truetype"),
url("https://rumors.itembox.cloud/system/font/fs-icon.woff?f2942g") format("woff");
font-weight:normal;font-style:normal;
}
:root{
--m-txt: #1a1a1a; /* 基本文字 */
--m-txt-2: #666; /* サブ */
--m-txt-3: #999; /* 薄 */
--m-line: #e3e3e3; /* 罫線 */
--m-line-2: #f0f0f0; /* 細罫線 */
--m-bg-2: #fafafa; /* 薄背景 */
--m-maxw: 1080px;
/* テーマ変数もモノクロに寄せておく（ボタン等が再利用された時のため） */
--fs-color-maincolor: #1a1a1a;
--fs-color-font--main: #1a1a1a;
--fs-color-font--pageHeading: #1a1a1a;
/* 主ボタン：黒のソリッド（全ページ共通） */
--fs-color-button--primary: #1a1a1a;
--fs-color-button--primary__border: #1a1a1a;
--fs-color-button--primary__font: #ffffff;
}
/* =========================================================
マイページ一覧
========================================================= */
/* ====== ページ枠（中央寄せ・最大幅） ====== */
.fs-l-account{
max-width:var(--m-maxw);
margin:0 auto;
padding:40px 24px 96px;
color:var(--m-txt);
}
/* PC時の2カラム（テーマ既定: メニュー左/会員情報右）に幅だけ補正
※隙間はテーマの justify-content:space-between に任せる。
ここで column-gap を足すと合計幅が100%超で折り返すので入れない */
@media screen and (min-width:960px){
.fs-body-my-top .fs-c-accountService{flex-basis:62%;}
.fs-body-my-top .fs-p-accountInfo{flex-basis:34%;}
}
/* ====== ページ見出し（任意・参考用） ====== */
.fs-l-account__pageTitle{
flex-basis:100%;width:100%;
font-size:20px;font-weight:bold;letter-spacing:.04em;color:var(--m-txt);
margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid var(--m-line);
}
/* ====== 会員情報カード ====== */
.fs-p-accountInfo{
background:var(--m-bg-2); /* 外枠はグレー背景 */
color:var(--m-txt);
border:1px solid var(--m-line);
padding:18px;
}
.fs-p-accountInfo__header{
display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
padding:0 4px 14px;margin-bottom:14px;border-bottom:1px solid var(--m-line);
}
.fs-p-accountInfo__accountName{display:flex;align-items:baseline;gap:4px;}
.fs-p-accountInfo__accountName__name{font-size:22px;font-weight:bold;letter-spacing:.02em;}
.fs-p-accountInfo__accountName__nameLabel{font-size:13px;color:var(--m-txt-2);}
.fs-p-accountInfo__accountRank{display:flex;align-items:center;gap:6px;}
.fs-p-accountInfo__accountRank__rank{font-size:13px;font-weight:bold;}
.fs-p-accountInfo__accountRank__rankLabel{
font-size:11px;color:var(--m-txt-2);border:1px solid var(--m-line);padding:2px 8px;letter-spacing:.06em;
}
/* 本体（ポイント情報）：中を白ボックスに */
.fs-p-accountInfo__body{
background:#fff;text-align:left;
border:1px solid var(--m-line);
padding:16px;margin:0;
}
.fs-p-accountInfo__point{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;}
.fs-p-accountInfo__point__label{
width:100%;font-size:12px;color:var(--m-txt-2);letter-spacing:.06em;margin-bottom:2px;
}
.fs-p-accountInfo__point__point{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.fs-p-accountInfo__point__point__available{font-weight:bold;display:flex;align-items:baseline;gap:4px;}
.fs-p-accountInfo__point__point__available__number{
color:#c0392b; /* アクセント赤（参考デザインのポイント色に統一） */
font-size:30px;line-height:1;
}
.fs-p-accountInfo__point__point__available__numberLabel{font-size:13px;font-weight:normal;color:var(--m-txt-2);}
.fs-p-accountInfo__point__point__rate{font-size:12px;font-weight:normal;color:var(--m-txt-3);}
.fs-c-purchasePointExpiration{
width:100%;display:flex;align-items:baseline;gap:8px;
font-size:12px;color:var(--m-txt-3);margin-top:2px;
}
.fs-c-purchasePointExpiration__label{
border:1px solid var(--m-line);padding:1px 7px;color:var(--m-txt-2);letter-spacing:.04em;
}
/* ====== メニュー一覧（テーマのタイル構造を活かしてモノクロ化） ====== */
/* 並び：テーマの flex(両端揃え) → Grid で等幅・幅いっぱいに
※ vw 不要。1fr はコンテナ幅基準で可変するので親(PCは右62%)に自動追従
スマホ2列 → 600px以上で3列 */
.fs-c-accountService{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin:0;
}
@media screen and (min-width:600px){
.fs-c-accountService{grid-template-columns:repeat(3,1fr);margin-left:0;}
}
.fs-c-accountService__page{margin:0;flex-basis:auto;height:auto;}
/* タイルの高さ：幅が変わっても潰れない最低高さ */
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete){min-height:128px;}
/* 退会手続きは1行ぶち抜き */
.fs-c-accountService__page--accountDelete{grid-column:1 / -1;}
/* タイル本体：影をやめて線で。背景白・角は控えめ */
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink{
box-shadow:none;
background:#fff;
border:1px solid var(--m-line);
border-radius:2px;
color:var(--m-txt);
flex-direction:column;
padding:16px 8px;
transition:border-color .2s, background .2s;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover{
background:var(--m-bg-2);
border-color:var(--m-txt);
}
/* ラベル文字 */
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label{
font-size:12px;color:var(--m-txt);letter-spacing:.02em;line-height:1.5;
}
/* アイコン：青みグレー → 黒。サイズも少し締める */
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before{
color:var(--m-txt);
font-size:40px;
width:auto;height:auto;
margin:4px auto 10px;
}
/* 退会手続き：控えめなテキストリンク */
.fs-c-accountService__page--accountDelete{margin-top:8px;}
.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink{
color:var(--m-txt-3);font-size:12px;text-decoration:underline;text-underline-offset:3px;
}
.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink:hover{color:var(--m-txt);}
/* ====== スマホ調整 ====== */
@media screen and (max-width:860px){
.fs-l-account{padding:24px 16px 56px;}
.fs-l-account__pageTitle{font-size:19px;margin:0 0 22px;}
.fs-p-accountInfo{padding:20px 18px 18px;margin-bottom:24px;}
.fs-p-accountInfo__accountName__name{font-size:20px;}
.fs-p-accountInfo__point__point__available__number{font-size:28px;}
}
/* =========================================================
共通：ページ枠 / ページ見出し / お知らせ / 結果なし
（複数ページで使う想定。トーンはマイページと統一）
========================================================= */
.fs-l-pageMain{
max-width:var(--m-maxw);
margin:0 auto;
padding:40px 24px 96px;
color:var(--m-txt);
}
/* ページ見出し：青み中央寄せ → 黒・左寄せ・1px下線 */
.fs-c-heading--page{
color:var(--m-txt);
border-bottom:1px solid var(--m-line);
font-size:20px;font-weight:bold;letter-spacing:.04em;line-height:1.3;
text-align:left;
margin:0 0 28px;padding:0 0 16px;
}
@media screen and (min-width:1200px){
.fs-c-heading--page{padding:0 0 16px;} /* テーマの 1.8em 0 を打ち消し */
}
/* お知らせ（説明文）：タイトル＋説明ボックス */
.fs-p-announcement{margin:0 0 32px;}
.fs-p-announcement__title{
color:var(--m-txt);font-size:15px;font-weight:bold;line-height:1.5;margin:0 0 12px;
}
/* 説明ボックス：本文が でも
でも同じ見た目に */
.fs-p-announcement__body{
background:var(--m-bg-2);border:1px solid var(--m-line);
padding:16px 20px;
font-size:12.5px;line-height:1.9;color:var(--m-txt-2);
}
.fs-p-announcement__body p{margin:0;}
.fs-p-announcement__body .fs-c-list{margin:0;padding-left:6px;}
/* テーマの丸ポチ（青み #7c8790）→ モノクロに色だけ変更 */
.fs-p-announcement__body .fs-c-list li::before{border-color:var(--m-txt-3);}
/* 結果なしメッセージ（お気に入りなし 等）：線基調のボックス */
.fs-c-noResultMessage{
background:var(--m-bg-2);
border:1px solid var(--m-line);
color:var(--m-txt-2);
padding:48px 24px;margin:0 0 32px;text-align:center;
}
.fs-c-noResultMessage__title{font-size:14px;}
/* マイページトップ等の戻りボタン：アウトライン・中央
※FS(fs_style.css)が .fs-c-button__label の色を上書きするため、
ラベルまで含め高詳細度＋!important で固定する */
.fs-c-buttonContainer--myPageTop{text-align:center;margin:36px 0 0;}
.fs-c-buttonContainer--myPageTop .fs-c-button--myPageTop{
display:inline-flex;align-items:center;justify-content:center;
border:1px solid var(--m-txt);border-radius:3px;
background:#fff;color:var(--m-txt);
font-size:13px;padding:11px 32px;text-decoration:none!important;
transition:background .2s,color .2s;
}
.fs-c-buttonContainer--myPageTop .fs-c-button--myPageTop,
.fs-c-buttonContainer--myPageTop .fs-c-button--myPageTop .fs-c-button__label{
color:var(--m-txt)!important;
}
.fs-c-buttonContainer--myPageTop .fs-c-button--myPageTop:hover{background:var(--m-txt);}
.fs-c-buttonContainer--myPageTop .fs-c-button--myPageTop:hover,
.fs-c-buttonContainer--myPageTop .fs-c-button--myPageTop:hover .fs-c-button__label{
color:#fff!important;text-decoration:none!important;
}
/* =========================================================
お気に入り 商品一覧（商品カードは .fs-c-wishList 配下にスコープ）
========================================================= */
.fs-c-wishList{margin:0 0 8px;}
/* 一覧グリッド：テーマの 2→3→4→5列 のうち、お気に入りは4列上限に */
@media screen and (min-width:960px){
.fs-c-wishList.fs-c-productList .fs-c-productList__list{
grid-template-columns:repeat(4, calc(25% - 0px));
}
}
/* 各カード：行を線で区切る（モノクロ） */
.fs-c-wishList.fs-c-productList .fs-c-productList__list__item{
border-bottom:1px solid var(--m-line);
padding:16px 12px 22px;
}
/* 画像 */
.fs-c-wishList.fs-c-productList .fs-c-productListItem__imageContainer{margin:0 0 10px;}
.fs-c-wishList.fs-c-productList .fs-c-productListItem__image__image{
width:100%;height:auto;transition:opacity .2s;
}
.fs-c-wishList.fs-c-productList .fs-c-productListItem__image__image:hover{opacity:.85;}
/* 「他の画像を見る」：控えめなテキストリンクに */
.fs-c-wishList.fs-c-productList .fs-c-productListItem__viewMoreImageButton{margin:0 0 8px;}
.fs-c-wishList.fs-c-productList .fs-c-button--viewMoreImage{
background:none;border:none;color:var(--m-txt-3);
font-size:11px;text-decoration:underline;text-underline-offset:2px;padding:2px 0;
display:inline-flex;align-items:center;gap:4px;
}
.fs-c-wishList.fs-c-productList .fs-c-button--viewMoreImage::before{font-size:12px;color:var(--m-txt-3);}
.fs-c-wishList.fs-c-productList .fs-c-button--viewMoreImage:hover{color:var(--m-txt);}
/* 商品名 */
.fs-c-wishList.fs-c-productList .fs-c-productListItem__productName{margin:0 0 8px;}
.fs-c-wishList.fs-c-productList .fs-c-productListItem__productName a{text-decoration:none;color:var(--m-txt);}
.fs-c-wishList.fs-c-productList .fs-c-productName__copy{
font-size:11px;color:var(--m-txt-3);letter-spacing:.06em;margin:0 0 3px;
}
.fs-c-wishList.fs-c-productList .fs-c-productName__name{font-size:13px;line-height:1.6;color:var(--m-txt);}
.fs-c-wishList.fs-c-productList .fs-c-productListItem__productName a:hover .fs-c-productName__name{text-decoration:underline;}
/* 価格：selling=赤アクセント / listed=打ち消し線グレー / ⇒ は非表示 */
.fs-c-wishList.fs-c-productList .fs-c-productListItem__prices{
display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 12px;
}
.fs-c-wishList.fs-c-productList .fs-c-productPrice--listed{color:var(--m-txt-3);}
.fs-c-wishList.fs-c-productList .fs-c-productPrice--listed .fs-c-price__value{text-decoration:line-through;font-size:12px;}
.fs-c-wishList.fs-c-productList .fs-c-productPrice__addon--listed{display:none;}
.fs-c-wishList.fs-c-productList .fs-c-productPrice--selling .fs-c-price{color:#c0392b;font-weight:bold;}
.fs-c-wishList.fs-c-productList .fs-c-productPrice--selling .fs-c-price__value{font-size:17px;}
.fs-c-wishList.fs-c-productList .fs-c-productPrice--selling .fs-c-price__currencyMark{font-size:13px;}
.fs-c-wishList.fs-c-productList .fs-c-productPrice__addon__label{font-size:11px;color:var(--m-txt-3);font-weight:normal;}
/* 操作ボタン行：詳細＝アウトライン / 解除＝丸アイコン */
.fs-c-wishList.fs-c-productList .fs-c-productListItem__control{
display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;
}
.fs-c-wishList.fs-c-productList .fs-c-button--viewProductDetail{
flex:1 1 auto;
display:inline-flex;align-items:center;justify-content:center;gap:6px;
border:1px solid var(--m-txt);border-radius:3px;
background:#fff;color:var(--m-txt);
font-size:12px;padding:9px 10px;text-decoration:none;
transition:background .2s,color .2s;
}
.fs-c-wishList.fs-c-productList .fs-c-button--viewProductDetail::before{font-size:14px;}
.fs-c-wishList.fs-c-productList .fs-c-button--viewProductDetail:hover{background:var(--m-txt);color:#fff;}
/* 解除アイコン：ピンク → モノクロ（hoverで赤）・丸グレー地 */
.fs-c-wishList.fs-c-productList .fs-c-button--particular.fs-c-button--removeFromWishList--icon{
flex:0 0 auto;
width:38px;height:38px;border-radius:50%;background:var(--m-line-2);border:none;
display:inline-flex;align-items:center;justify-content:center;padding:0;
}
.fs-c-wishList.fs-c-productList .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before{
color:var(--m-txt-2)!important;font-size:18px!important;
}
.fs-c-wishList.fs-c-productList .fs-c-button--particular.fs-c-button--removeFromWishList--icon:hover{background:#e6e6e6;}
.fs-c-wishList.fs-c-productList .fs-c-button--particular.fs-c-button--removeFromWishList--icon:hover::before{color:#c0392b!important;}
/* スマホ */
@media screen and (max-width:860px){
.fs-c-heading--page{font-size:19px;margin:0 0 22px;}
.fs-p-announcement{margin:0 0 24px;}
.fs-c-wishList.fs-c-productList .fs-c-productList__list__item{padding:14px 8px 20px;}
}
/* =========================================================
注文履歴（fs-c-history）／ポイント履歴などの集計サマリー
========================================================= */
/* 集計サマリー：薄グレーべた → 線基調のボックス */
.fs-c-history__info{
background:var(--m-bg-2);
border:0;
padding:16px;
}
@media screen and (min-width:960px){
.fs-body-my-orders .fs-c-history__info,
.fs-body-my-storeOrders .fs-c-history__info{min-width:260px;}
}
/* 年セレクト：プルダウンのデザインは FS（fs_style.css）の純正に任せる。
自作の矢印(::after)・区切り(::before)・appearance:none は付けない
（付けると FS の .fs-c-dropdown::after と衝突して崩れる）。
幅だけ集計ボックスに揃える。 */
.fs-c-history__termCtrl{margin:0;}
.fs-c-history__termCtrl .fs-c-inputInformation__form{margin:0;}
.fs-c-history__termCtrl .fs-c-dropdown{display:block;}
.fs-c-history__termCtrl select{width:100%;}
/* 期間表示：青み → 共通のサブ文字色に合わせる */
.fs-c-history__term{
color:var(--m-txt-2);font-weight:bold;font-size:12px;letter-spacing:0;
}
/* 合計：セルごとの上線をやめ、行全体に罫線が通るようにする */
.fs-c-history__total dl{
display:grid; /* テーマに無い指定を補う */
grid-template-columns:1fr 76px; /* 値側にも幅を持たせ、罫線を右端まで伸ばす */
margin:8px 0 0;
border-top:1px solid var(--m-line); /* 濃い罫線 → 共通の薄い罫線（細く見せる） */
}
.fs-c-history__total dt,
.fs-c-history__total dd{
border-top:0;
border-bottom:1px solid var(--m-line);
margin-top:0;
padding-top:10px;
padding-bottom:10px;
font-size:14px;color:var(--m-txt);
}
.fs-c-history__total dt{color:var(--m-txt);} /* font-weight:700 は theme のまま */
.fs-c-history__total dd{margin-inline-start:0;padding-left:12px;font-weight:normal;} /* 値との間隔だけ確保。text-align:right は theme のまま */
/* 合計金額は大きく・太字にしない（本文と同じ大きさ） */
.fs-c-history__total dd .fs-c-price{font-weight:normal;color:var(--m-txt);}
/* =========================================================
ポイント履歴
========================================================= */
/* 集計サマリー：orders用の枠をリセットし、ポイント表は独立ボックスに */
.fs-body-my-points .fs-c-history__info{
background:transparent;border:0;padding:0;
}
.fs-c-pointSummary{
border:1px solid var(--m-line);
padding:16px;
}
/* 青み背景 → モノクロ薄背景 */
.fs-c-pointSummary [class$="--availablePoint"],
.fs-c-pointSummary [class$="--limitedPoint"]{
background:var(--m-bg-2);
}
/* ラベル：共通のサブ文字色 */
.fs-c-pointSummary__label--availablePoint,
.fs-c-pointSummary__label--limitedPoint,
.fs-c-pointSummary__label--purchasePointExpiration,
.fs-c-pointSummary__label--waitingPoint,
.fs-c-pointSummary__label--purchasePointTotal{
color:var(--m-txt-2);font-size:13px;
}
.fs-c-pointSummary > dd{color:var(--m-txt);font-size:13px;}
.fs-c-pointSummary__number{font-weight:bold;}
/* ご利用可能ポイントの数字：ピンク → 赤アクセント（マイページと統一） */
.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number{
color:#c0392b;font-size:2.6rem;
}
/* 一覧テーブル：青み罫線/縞 → モノクロ */
.fs-c-listTable > thead{
border-top:1px solid var(--m-line);
background:var(--m-bg-2);
}
.fs-c-listTable > tbody{
border-top:1px solid var(--m-line);
border-bottom:1px solid var(--m-line);
}
.fs-c-listTable > tbody > tr:nth-child(even){background:var(--m-bg-2);}
.fs-c-listTable th,
.fs-c-listTable td{
border-right:1px solid var(--m-line);
border-left:1px solid var(--m-line);
padding:10px 8px;font-size:13px;color:var(--m-txt);
}
.fs-c-listTable th{
font-weight:bold;color:var(--m-txt-2);font-size:12px;letter-spacing:.02em;
}
@media screen and (max-width:600px){
.fs-c-listTable > tbody > tr{border:1px solid var(--m-line);}
}
/* 件数表示 */
.fs-c-listControl__status{font-size:12px;color:var(--m-txt-2);}
/* 加減記号：＋は黒 / −は赤アクセント */
.fs-c-symbol--plus{color:var(--m-txt);}
.fs-c-symbol--minus{color:#c0392b;}
/* =========================================================
共通：入力フォーム / 確認表示 / ボタン
（パスワード変更・会員情報詳細・クレジットカード・お届け先 など）
========================================================= */
/* 案内メッセージ（「以下を入力…」等） */
.fs-c-inputInformation__message{margin:0 0 24px;justify-content:center;}
.fs-c-inputInformation__message p{
font-size:13px;color:var(--m-txt-2);text-align:center;margin:0;
}
/* 入力フィールド枠（中央・最大600pxはテーマ既定） */
.fs-c-inputInformation__field{margin:24px auto;}
/* ラベル・必須マーク */
.fs-c-inputTable__label{font-size:13px;color:var(--m-txt);font-weight:bold;}
.fs-c-requiredMark{color:#c0392b;font-size:11px;font-weight:normal;margin-left:6px;}
/* ラベルと入力欄の間隔（テーマは tr=縦並び） */
.fs-c-inputTable__dataCell{margin-top:6px;}
/* 入力欄：フォーカスのティール → モノクロ。フォーム内は横幅いっぱい */
.fs-c-inputInformation__field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.fs-c-inputInformation__field select,
.fs-c-inputInformation__field textarea{
width:100%;
}
.fs-c-inputInformation__field input:focus,
.fs-c-inputInformation__field select:focus,
.fs-c-inputInformation__field textarea:focus{
border-color:var(--m-txt)!important;
box-shadow:none!important;
}
/* 決定ボタン（変更 など）：黒ソリッド・ほどよい幅・中央 */
.fs-c-inputInformation__button{margin-top:28px;}
.fs-c-button--change{min-width:200px;border-radius:3px;}
/* 副ボタン（お届け先を追加する 等）：アウトライン（黒枠） */
.fs-c-button--addToAddressbook.fs-c-button--secondary{
background:#fff;border:1px solid var(--m-txt);color:var(--m-txt);border-radius:3px;
}
.fs-c-button--addToAddressbook.fs-c-button--secondary:hover{
background:var(--m-txt);color:#fff;opacity:1;
}
/* =========================================================
会員情報詳細：確認表示テーブル（ラベル左 / 値右の一覧）
========================================================= */
.fs-c-inputInformation__field--display{max-width:680px;}
.fs-c-inputInformation__field--display .fs-c-inputTable > tbody > tr{
flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:16px;
border-bottom:1px solid var(--m-line-2);
padding:11px 2px;
}
.fs-c-inputInformation__field--display .fs-c-inputTable > tbody > tr + tr{margin-top:0;}
.fs-c-inputInformation__field--display .fs-c-inputTable__headerCell{
flex:0 0 38%;max-width:220px;color:var(--m-txt-2);font-weight:bold;font-size:13px;margin:0;
}
.fs-c-inputInformation__field--display .fs-c-inputTable__dataCell{flex:1 1 auto;margin-top:0;}
.fs-c-confirmation__data{font-size:13px;color:var(--m-txt);}
/* =========================================================
お届け先リスト
========================================================= */
.fs-c-addressBookCount{
display:flex;align-items:baseline;justify-content:flex-end;gap:6px;
font-size:13px;color:var(--m-txt-2);
}
.fs-c-addressBookCount__count{font-size:18px;font-weight:bold;color:var(--m-txt);}
/* 住所表記 */
.fs-c-address{font-size:13px;color:var(--m-txt);line-height:1.7;}
/* =========================================================
クレジットカード一覧
========================================================= */
.fs-c-creditCardListItem{
border:1px solid var(--m-line);border-radius:2px;padding:16px;
}
.fs-c-creditCardListItem.is-active{border-color:var(--m-txt);}
.fs-c-creditCardListItem__status__label{
color:var(--m-txt);font-weight:bold;font-size:12px;
border:1px solid var(--m-line);padding:2px 8px;letter-spacing:.04em;
}
.fs-c-creditCardListItem__cardInfo dt{
font-size:12px;color:var(--m-txt-2);font-weight:bold;margin-top:8px;
}
.fs-c-creditCardListItem__cardInfo dd{font-size:14px;color:var(--m-txt);}
.fs-c-creditCard__company{font-weight:bold;}
/* =========================================================
モーダル（カード削除 / お届け先削除）
========================================================= */
.fs-c-modal__inner{
background:#fff;border:1px solid var(--m-line);border-radius:2px;
}
.fs-c-modal__header{
background:var(--m-bg-2);
border-bottom:1px solid var(--m-line);
border-radius:0;padding:12px 16px;
}
.fs-c-modal__contents{padding:16px;}
/* モーダル内テーブル（カード情報など） */
.fs-c-simpleTable th,
.fs-c-simpleTable td{border-color:var(--m-line);font-size:13px;color:var(--m-txt);}
.fs-c-simpleTable th{background:var(--m-bg-2);color:var(--m-txt-2);}