/* 0.4.0 U3 お気に入りの画面（/favorites）と フォローの画面（/follow）を墨と金に。
   ボタンの位置・名前・働きは変えない。色と面と、小さすぎた文字の大きさだけ。
   強さの決まり（入札ページと同じ）：全体の文字は「クラス3つ分」、個別の色は「.eapur-on.eapur-on …」で必ず勝たせる。 */

/* ============ お気に入り ============ */
/* 検索とタブの段＋品の並ぶ面を、1枚の墨の板にする（背景の上に文字やカードを直接のせない） */
.eapur-on .eap-fav-controls{background:rgba(18,14,9,calc(.55 + var(--eapur-dim,.4) * .5)) !important;border:1px solid var(--eapur-line) !important;border-bottom:0 !important;border-radius:14px 14px 0 0 !important;padding:12px 10px 10px !important;margin:0 6px !important;box-sizing:border-box !important}
.eapur-on .eap-fav-page-wrapper{background:rgba(18,14,9,calc(.55 + var(--eapur-dim,.4) * .5)) !important;border:1px solid var(--eapur-line) !important;border-top:0 !important;border-radius:0 0 14px 14px !important;padding:4px 10px 14px !important;margin:0 6px 18px !important;min-height:96px !important;box-sizing:border-box !important}
.eapur-on.eapur-on .eap-fav-controls #eap-fav-search{background:#0f0b08 !important;color:var(--eapur-text) !important;-webkit-text-fill-color:var(--eapur-text) !important;border:1px solid var(--eapur-line) !important;border-radius:10px !important;min-height:46px !important;font-size:16px !important;box-sizing:border-box !important}
.eapur-on .eap-fav-controls #eap-fav-search::placeholder{color:#9c8e76 !important;-webkit-text-fill-color:#9c8e76 !important}
/* タブ：えらんでいる方＝金地に濃い文字、もう片方＝墨地に金の文字 */
.eapur-on.eapur-on .eap-fav-controls .eap-tab-btn{background:#120e09 !important;background-image:none !important;color:var(--eapur-gold) !important;-webkit-text-fill-color:var(--eapur-gold) !important;border:1px solid var(--eapur-line) !important;border-radius:10px !important;min-height:46px !important;font-size:15px !important;font-weight:700 !important}
.eapur-on.eapur-on .eap-fav-controls .eap-tab-btn.active{background:var(--eapur-button) !important;color:var(--eapur-btn-text) !important;-webkit-text-fill-color:var(--eapur-btn-text) !important;border-color:var(--eapur-btn-edge) !important}
.eapur-on .eap-fav-controls .eap-tab-btn:focus-visible,.eapur-on .eap-fav-controls #eap-fav-search:focus-visible{outline:2px solid var(--eapur-text) !important;outline-offset:2px !important}
/* 終了した品：カードごと透かすと後ろの絵が透けて読めないので、カードは透かさず、写真だけ色を落とす */
.eapur-on .eap-fav-ui-container .eap-card{opacity:1 !important}
.eapur-on .eap-fav-ui-container .eap-card[data-is-closed="1"] .thumb img{filter:grayscale(.65) brightness(.72) !important}
.eapur-on .eap-fav-ui-container .eap-card[data-is-closed="1"]{border-color:rgba(172,132,72,.5) !important}
/* 小さすぎた文字（題 9.5px・値段 11px）を読める大きさに */
.eapur-on .eap-fav-ui-container .eap-card .ttl,.eapur-on .eap-fav-ui-container .eap-card .ttl a{font-size:12px !important;line-height:1.45 !important;overflow-wrap:anywhere !important}
.eapur-on.eapur-on .eap-fav-ui-container .eap-card .ttl a{color:var(--eapur-text) !important;-webkit-text-fill-color:var(--eapur-text) !important}
.eapur-on .eap-fav-ui-container .eap-card .price{font-size:13px !important;font-weight:700 !important}
.eapur-on .eap-fav-ui-container .eap-card .meta{font-size:12px !important;line-height:1.45 !important}
.eapur-on.eapur-on .eap-fav-ui-container .eap-card .meta,.eapur-on.eapur-on .eap-fav-ui-container .eap-card .meta .eap-end-str{color:var(--eapur-sub) !important;-webkit-text-fill-color:var(--eapur-sub) !important}
.eapur-on.eapur-on .eap-fav-ui-container .eap-card .countdown{color:#ff8a70 !important;-webkit-text-fill-color:#ff8a70 !important}
/* お気に入りの♥（押してある時は赤のまま見せる） */
.eapur-on.eapur-on .eap-fav-ui-container .eap-card .eap-v4-fav-btn.is-active,.eapur-on.eapur-on .eap-fav-ui-container .eap-card .eap-v4-fav-btn.is-active *{color:#ff6b5e !important;-webkit-text-fill-color:#ff6b5e !important}

/* ============ フォロー（#eapfl-page） ============ */
.eapur-on #eapfl-page{background:rgba(18,14,9,calc(.55 + var(--eapur-dim,.4) * .5)) !important;border:1px solid var(--eapur-line) !important;border-radius:14px !important;padding:10px !important;margin-left:6px !important;margin-right:6px !important;box-sizing:border-box !important}
/* ① 全体の文字を生成りに（ボタン・入力は除く） */
.eapur-on #eapfl-page *:not(button):not(input):not(select):not(textarea):not(option){color:var(--eapur-text) !important;-webkit-text-fill-color:currentColor !important}
/* 色を決めていないボタンの中の文字は、そのボタンの色のまま（①の生成りを当てない） */
.eapur-on.eapur-on #eapfl-page button *{color:inherit !important;-webkit-text-fill-color:inherit !important}
/* 白かった箱 → 墨の面＋金の細い枠 */
.eapur-on #eapfl-page .fl-head{border:1px solid var(--eapur-line) !important;background:#17130f !important}
.eapur-on #eapfl-page .fl-box,.eapur-on #eapfl-page .eapsfp-drawer{background:#1c150d !important;background-image:none !important;border:1px solid rgba(172,132,72,.55) !important;box-shadow:none !important}
.eapur-on #eapfl-page .fl-sum,.eapur-on #eapfl-page .eapsfp-sum{background:rgba(232,187,102,.1) !important;background-image:none !important}
.eapur-on #eapfl-page .eapdl-row,.eapur-on #eapfl-page .eapsf-row{background:#120e09 !important;border-color:rgba(172,132,72,.45) !important}
.eapur-on #eapfl-page .fl-bar{background:#17130f !important;border-bottom:1px solid rgba(172,132,72,.55) !important}
/* ② 個別の色 */
.eapur-on.eapur-on #eapfl-page .fl-head h2,.eapur-on.eapur-on #eapfl-page .fl-bar,.eapur-on.eapur-on #eapfl-page .fl-sum-t,.eapur-on.eapur-on #eapfl-page .eapsfp-sum-t,.eapur-on.eapur-on #eapfl-page .eapsf-h,.eapur-on.eapur-on #eapfl-page .eapsf-h *,.eapur-on.eapur-on #eapfl-page .eapsf-card-seller,.eapur-on.eapur-on #eapfl-page .eapsf-card-price,.eapur-on.eapur-on #eapfl-page .eapsf-card-price *{color:var(--eapur-gold) !important;-webkit-text-fill-color:var(--eapur-gold) !important}
.eapur-on.eapur-on #eapfl-page .fl-sum-d,.eapur-on.eapur-on #eapfl-page .eapsfp-sum-d,.eapur-on.eapur-on #eapfl-page .fl-note,.eapur-on.eapur-on #eapfl-page .eapdl-sub,.eapur-on.eapur-on #eapfl-page .eapsf-sub,.eapur-on.eapur-on #eapfl-page .eapsf-card-end,.eapur-on.eapur-on #eapfl-page .eapsf-msg{color:var(--eapur-sub) !important;-webkit-text-fill-color:var(--eapur-sub) !important}
.eapur-on.eapur-on #eapfl-page .countdown{color:#ff8a70 !important;-webkit-text-fill-color:#ff8a70 !important}
/* 「← マイページに戻る」 */
.eapur-on.eapur-on #eapfl-page .fl-back{background:#120e09 !important;color:var(--eapur-gold) !important;-webkit-text-fill-color:var(--eapur-gold) !important;border:1px solid var(--eapur-line) !important}
/* 出品者をさがす欄 */
.eapur-on.eapur-on #eapfl-page .eapsf-search input{background:#0f0b08 !important;color:var(--eapur-text) !important;-webkit-text-fill-color:var(--eapur-text) !important;border:1px solid var(--eapur-line) !important}
.eapur-on #eapfl-page .eapsf-search input::placeholder{color:#9c8e76 !important;-webkit-text-fill-color:#9c8e76 !important}
.eapur-on.eapur-on #eapfl-page .eapsf-search button{background:var(--eapur-button) !important;color:var(--eapur-btn-text) !important;-webkit-text-fill-color:var(--eapur-btn-text) !important;border:1px solid var(--eapur-btn-edge) !important;font-weight:700 !important;min-height:44px !important}
/* フォローのボタン：フォロー中＝金地、まだ＝墨地に金。「この人だけ」＝墨地に金（押せない時は薄く） */
.eapur-on.eapur-on #eapfl-page .eapsf-btn,.eapur-on.eapur-on #eapfl-page .eapsfp-only{background:#120e09 !important;background-image:none !important;color:var(--eapur-gold) !important;-webkit-text-fill-color:var(--eapur-gold) !important;border:1px solid var(--eapur-line) !important;min-height:44px !important}
.eapur-on.eapur-on #eapfl-page .eapsf-btn *,.eapur-on.eapur-on #eapfl-page .eapsfp-only *{color:inherit !important;-webkit-text-fill-color:inherit !important}
.eapur-on.eapur-on #eapfl-page .eapsf-btn.is-on,.eapur-on.eapur-on #eapfl-page .eapsf-btn[aria-pressed="true"]{background:var(--eapur-button) !important;color:var(--eapur-btn-text) !important;-webkit-text-fill-color:var(--eapur-btn-text) !important;border-color:var(--eapur-btn-edge) !important}
.eapur-on.eapur-on #eapfl-page .eapsfp-only.is-on{background:var(--eapur-button) !important;color:var(--eapur-btn-text) !important;-webkit-text-fill-color:var(--eapur-btn-text) !important;border-color:var(--eapur-btn-edge) !important}
.eapur-on.eapur-on #eapfl-page .eapsfp-only:disabled{opacity:.45 !important}
/* お知らせのスイッチ：オン＝金、オフ＝灰。つまみは生成り。横の「オン／オフ」の文字は読める色 */
.eapur-on.eapur-on #eapfl-page .eapdl-sw{background:transparent !important;color:var(--eapur-text) !important;-webkit-text-fill-color:var(--eapur-text) !important;min-height:44px !important}
.eapur-on.eapur-on #eapfl-page .eapdl-sw .eapdl-swtx{color:var(--eapur-text) !important;-webkit-text-fill-color:var(--eapur-text) !important}
.eapur-on #eapfl-page .eapdl-sw .eapdl-track{background:#4a4033 !important;box-shadow:inset 0 0 0 1px rgba(172,132,72,.6) !important}
.eapur-on #eapfl-page .eapdl-sw.is-on .eapdl-track{background:var(--eapur-button) !important}
.eapur-on #eapfl-page .eapdl-sw .eapdl-knob{background:var(--eapur-text) !important}
/* フォロー中の出品者の品のカード */
.eapur-on #eapfl-page .eapsf-card{background:linear-gradient(180deg,#1c150d,var(--eapur-ink)) !important;border:1px solid var(--eapur-line) !important;box-shadow:0 6px 18px rgba(0,0,0,.45) !important}
.eapur-on #eapfl-page a:focus-visible,.eapur-on #eapfl-page button:focus-visible,.eapur-on #eapfl-page summary:focus-visible,.eapur-on #eapfl-page input:focus-visible{outline:2px solid var(--eapur-text) !important;outline-offset:2px !important}
/* 写真の上下の帯（もとは生成り）・「この人だけ」表示中の札・小さすぎた文字 */
.eapur-on #eapfl-page .eapsf-card-img{background:#0b0906 !important}
.eapur-on #eapfl-page .eapsfp-now{background:rgba(232,187,102,.12) !important;border:1px solid var(--eapur-line) !important}
.eapur-on.eapur-on #eapfl-page .eapsfp-all{background:#120e09 !important;color:var(--eapur-gold) !important;-webkit-text-fill-color:var(--eapur-gold) !important;border:1px solid var(--eapur-line) !important;min-height:44px !important}
.eapur-on #eapfl-page .eapsf-card-seller,.eapur-on #eapfl-page .eapsf-card-end,.eapur-on #eapfl-page .eapsf-card-end .countdown{font-size:12px !important}

/* ============ カード共通の直し ============ */
/* 動画の品の「▶」：枠の色をそろえる決まり（0.1.2）のせいで三角が四角に見えていた → 三角と輪を元の白に戻す */
.eapur-on.eapur-on .eap-card .thumb > div > div[style*="border-left"]{border-color:transparent transparent transparent #fff !important}
.eapur-on.eapur-on .eap-card .thumb > div[style*="border-radius:50%"][style*="width:60px"][style*="pointer-events:none"]{border-color:rgba(255,255,255,.8) !important}
/* スマホの3列で「原作出証明」のシールがカードからはみ出していた → 少し小さく */
@media (max-width:480px){.eapur-on .eap-fav-ui-container .eap-card .eappd-cert-sticker{zoom:.84}}

/* ============ ショップへ飛ぶ帯（.eapsnp-banner）＝第十三版の和紙の帯（梅と青海波）そのまま ============ */
/* 絵は端（梅・波・金のふち）を伸ばさず、真ん中の和紙だけを横に伸ばす。文字は墨色。押した時の働きは今のまま */
/* 古い iPhone（iOS 14.4 以前）は和紙の絵（webp）や置き方に対応していない → その端末では今の緑の帯のまま（文字が読める）にする */
@supports (inset:0){
.eapur-on .eapsnp-banner{position:relative !important;background:none !important;background-image:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding-left:54px !important;padding-right:10px !important;min-height:64px !important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}
.eapur-on .eapsnp-banner::before{content:"" !important;position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:0 !important;border-style:solid !important;border-color:transparent !important;border-width:8px 104px 8px 50px !important;border-image:url(img/paper.webp) 15 250 15 110 fill / 8px 104px 8px 50px stretch !important;background:none !important;opacity:1 !important;transform:none !important;animation:none !important;pointer-events:none !important}
.eapur-on .eapsnp-banner > *{position:relative !important;z-index:1 !important}
.eapur-on.eapur-on .eapsnp-banner .eapsnp-title{color:#2a1a0c !important;-webkit-text-fill-color:#2a1a0c !important;font-weight:800 !important;font-size:15px !important;text-shadow:none !important}
.eapur-on.eapur-on .eapsnp-banner .eapsnp-sub{color:#4a3520 !important;-webkit-text-fill-color:#4a3520 !important;font-size:12px !important;text-shadow:none !important}
/* 左の買い物かごの箱は、梅の絵と重なるので隠す（題の頭に同じ 🛒 がある） */
.eapur-on.eapur-on .eapsnp-banner .eapsnp-icon{display:none !important}
.eapur-on.eapur-on .eapsnp-banner .eapsnp-arrow,.eapur-on.eapur-on .eapsnp-banner .eapsnp-arrow *{color:#2a1a0c !important;-webkit-text-fill-color:#2a1a0c !important;text-shadow:none !important}
/* 「ここから」の札（もとは淡い金色で、和紙の上では薄い）を墨色に */
.eapur-on.eapur-on .eapsnp-banner .eapsnp-arrow::before{color:#2a1a0c !important;-webkit-text-fill-color:#2a1a0c !important;background:rgba(120,80,20,.16) !important;border-color:rgba(120,80,20,.45) !important;text-shadow:none !important;font-weight:700 !important}
.eapur-on .eapsnp-banner:focus-visible{outline:2px solid var(--eapur-text) !important;outline-offset:2px !important}
}

/* ============ 1.9.0 マイページ（#eapmy-hub）＝第十三版 07 の見本に合わせる ============
   墨の地＋金の細い枠＋金の題＋生成りの説明。ボタンの並び・名前・押した時の働きは今のまま（色・地・枠・影だけ）。
   会員証（.eap-rank-card）とガチャ（.eap-gacha-box）は絵を使った別の部品の作りなので形は変えず、白い文字に影だけ足して読みやすくする */
.eapur-on.eapur-on #eapmy-hub .eap-line-box{background:linear-gradient(180deg,#1c150d,#120e09) !important;border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important;box-shadow:0 6px 18px rgba(0,0,0,.45) !important}
.eapur-on.eapur-on #eapmy-hub .eap-line-box *{color:var(--eapur-text,#f4ead6) !important;-webkit-text-fill-color:var(--eapur-text,#f4ead6) !important}
.eapur-on.eapur-on #eapmy-hub .eap-line-box strong{color:#8fe0a0 !important;-webkit-text-fill-color:#8fe0a0 !important}
.eapur-on.eapur-on #eapmy-hub .eap-line-box a{color:var(--eapur-sub,#c9b894) !important;-webkit-text-fill-color:var(--eapur-sub,#c9b894) !important;text-decoration:underline !important;display:inline-block;min-height:32px;line-height:32px}
/* オークション・ショップ・販売証明の大きなボタン：3つとも同じ墨と金にそろえる（ショップの緑・証明の紺をやめる） */
.eapur-on.eapur-on #eapmy-hub .hub-btn{background:linear-gradient(180deg,#1c150d,#120e09) !important;background-image:linear-gradient(180deg,#1c150d,#120e09) !important;border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important;box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,223,154,.08) !important}
.eapur-on.eapur-on #eapmy-hub .hub-btn .ico{background:linear-gradient(180deg,#e8bb66,#b98a3e) !important;color:#1a1005 !important;-webkit-text-fill-color:#1a1005 !important;border:0 !important}
.eapur-on.eapur-on #eapmy-hub .hub-btn .ico:empty{display:none !important}   /* 元の画面にあった中身の無い四角（ショップ・販売証明）は隠す */
.eapur-on.eapur-on #eapmy-hub .hub-btn .ttl,.eapur-on.eapur-on #eapmy-hub .hub-btn .go{color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important}
.eapur-on.eapur-on #eapmy-hub .hub-btn .sub{color:var(--eapur-text,#f4ead6) !important;-webkit-text-fill-color:var(--eapur-text,#f4ead6) !important}
.eapur-on.eapur-on #eapmy-hub .hub-btn:focus-visible,.eapur-on.eapur-on #eapmy-hub a:focus-visible{outline:2px solid #fff1d4 !important;outline-offset:2px !important}
/* メンバーパス・メダカの本の札：題は金、本の紺のボタンは墨に金の枠（暗い地の上の紺は読めなかった） */
.eapur-on.eapur-on #eapmy-hub #eapmyp-card,.eapur-on.eapur-on #eapmy-hub #eapmyb-card{border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important}
.eapur-on.eapur-on #eapmy-hub #eapmyb-card > div:first-child{color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important}
.eapur-on.eapur-on #eapmy-hub #eapmyb-card a{background:#120e09 !important;color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important;border:1px solid var(--eapur-line,#ac8448) !important;min-height:44px !important;display:inline-flex !important;align-items:center !important}
.eapur-on.eapur-on #eapmy-hub #eapmyp-card a{min-height:44px !important;display:inline-flex !important;align-items:center !important}
/* 「オークション説明書を読む」：茶色の字は暗い地で読めなかった → 金 */
.eapur-on.eapur-on #eapmy-hub .hub-link{color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important;border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important;min-height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important}
/* 会員証・ガチャの白い文字に影（絵の明るい所でも読める） */
.eapur-on .eap-rank-card,.eapur-on .eap-gacha-box{text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 6px rgba(0,0,0,.45)}
.eapur-on.eapur-on .eap-gacha-box #eap-gacha-btn{background:linear-gradient(180deg,#e8bb66,#b98a3e) !important;color:#1a1005 !important;-webkit-text-fill-color:#1a1005 !important;border:1px solid #ffdf9a !important;text-shadow:none !important;min-height:52px !important;font-weight:800 !important}
@media (prefers-reduced-motion: reduce){.eapur-on #eapmy-hub *{transition:none !important}}

/* ============ 1.9.0 細かいページの残り（自動点検係で本番を測って見つけた白い箱）＝第十三版の墨と金に ============ */
/* メンバーパス：「買うと○月○日まで」の札（直書きの薄いミント #ecfdf5 に緑の字）→ 墨の地・金の日付・生成りの字 */
.eapur-on.eapur-on .mpx-sec [style*="ecfdf5" i]{background:#120e09 !important;color:var(--eapur-text,#f4ead6) !important;-webkit-text-fill-color:var(--eapur-text,#f4ead6) !important;border:1px solid var(--eapur-line,#ac8448) !important}
.eapur-on.eapur-on .mpx-sec [style*="ecfdf5" i] strong{color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important;font-size:14px !important}
/* EC のマイページ：発送済みの札の「追跡する →」の段（直書き #f0fff4）→ 墨の地・金の字 */
.eapur-on.eapur-on .emp-card-body[style*="f0fff4" i]{background:#120e09 !important;border-top:1px solid var(--eapur-line,#ac8448) !important}
.eapur-on.eapur-on .emp-card-body[style*="f0fff4" i],.eapur-on.eapur-on .emp-card-body[style*="f0fff4" i] *{color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important}
.eapur-on.eapur-on .emp-card-body[style*="f0fff4" i] a{display:inline-flex !important;align-items:center !important;min-height:44px !important;text-decoration:underline !important}
/* レジ・落札後のお手続きの「間違いのお知らせ」（薄い桃色）→ 墨の地に朱の枠・明るい朱の字（間違いだと色と文の両方で分かる） */
.eapur-on.eapur-on .eamc-box.error{background:#1c0f0c !important;border:1px solid #d9604c !important;color:#ffb3a3 !important;-webkit-text-fill-color:#ffb3a3 !important;border-radius:12px !important}
.eapur-on.eapur-on .eamc-box.error *{color:#ffb3a3 !important;-webkit-text-fill-color:#ffb3a3 !important}

/* ============ 1.14.0 メダカ品種図鑑（図鑑ポータル .mrg-portal）＝書庫の背景の上に墨と金の札 ============
   店主「図鑑も変えないと」。本番で測った読みにくい所：入口の5つの札の文字が 9.5px・「属性（複合AND検索）」の見出しが 10px。
   並び・名前・押した時の働き（?mode= の切り替え・検索の JS）は今のまま。色・地・枠・文字の大きさだけ */
.eapur-on.eapur-on .mrg-portal{background:rgba(11,9,6,.55) !important;border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important}
.eapur-on.eapur-on .mrg-portal .mrg-header{background:linear-gradient(180deg,#1c150d,var(--eapur-ink,#120e09)) !important;border-bottom:1px solid var(--eapur-line,#ac8448) !important}
.eapur-on.eapur-on .mrg-portal .mrg-title{color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important;font-size:15px !important;font-weight:700 !important}
.eapur-on.eapur-on .mrg-portal .mrg-user{color:var(--eapur-text,#fff1d4) !important;-webkit-text-fill-color:var(--eapur-text,#fff1d4) !important;font-size:13px !important}
.eapur-on.eapur-on .mrg-portal .mrg-btn{background:linear-gradient(180deg,#1c150d,var(--eapur-ink,#120e09)) !important;border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important;box-shadow:0 6px 18px rgba(0,0,0,.45) !important;color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important;font-size:15px !important;font-weight:700 !important;min-height:88px !important;line-height:1.5 !important}
.eapur-on.eapur-on .mrg-portal .mrg-btn *{color:inherit !important;-webkit-text-fill-color:inherit !important}
.eapur-on.eapur-on .mrg-portal .mrg-btn:focus-visible{outline:2px solid #fff1d4 !important;outline-offset:2px !important}
.eapur-on.eapur-on .mrg-portal .mr-wrap{background:rgba(18,14,9,.9) !important;border:1px solid var(--eapur-line,#ac8448) !important;border-radius:14px !important}
.eapur-on.eapur-on .mrg-portal legend{font-size:14px !important;color:var(--eapur-gold,#e8bb66) !important;-webkit-text-fill-color:var(--eapur-gold,#e8bb66) !important}
.eapur-on.eapur-on .mrg-portal .mr-btn{min-height:48px !important;font-size:16px !important;font-weight:700 !important;background:linear-gradient(180deg,var(--eapur-gold,#e8bb66),#b98a3e) !important;border:1px solid var(--eapur-btn-edge,#ffdf9a) !important;color:var(--eapur-btn-text,#1a1005) !important;-webkit-text-fill-color:var(--eapur-btn-text,#1a1005) !important}

/* 1.22.0 法務のページ（プライバシー #pp-final・特定商取引法 #tokusho-final・取引DPF法 .eapdpf-wrap・江戸オクセキュリティ #eswp・利用規約 #kiyaku）
   外枠は透かして後ろの景色（いまは書庫）を見せ、中のカードは墨の係が墨の面にする。見出しの帯の電脳の線と星は消して、江戸の帯にそろえる */
html.eapur-on body #pp-final,html.eapur-on body #tokusho-final,html.eapur-on body .eapdpf-wrap,html.eapur-on body #eswp,html.eapur-on body #kiyaku,
html.eapur-on body #pp-final .tkf-wrap,html.eapur-on body #tokusho-final .tkf-wrap,html.eapur-on body #eswp .ep-wrap,html.eapur-on body #kiyaku .ky-wrap{background:transparent !important;background-image:none !important}
html.eapur-on body .tkf-scan,html.eapur-on body .tkf-star,html.eapur-on body .ky-scan,html.eapur-on body .ky-star,html.eapur-on body .ep-scan,html.eapur-on body .ep-star{display:none !important}
html.eapur-on body .tkf-hero,html.eapur-on body .ky-hero,html.eapur-on body .ep-hero{background:linear-gradient(180deg,rgba(14,10,6,.30),rgba(14,10,6,.80)) !important;border-top:1px solid rgba(172,132,72,.55) !important;border-bottom:1px solid rgba(172,132,72,.55) !important;box-shadow:none !important}
html.eapur-on body .tkf-badge,html.eapur-on body .ky-badge,html.eapur-on body .ep-badge,html.eapur-on body .eapdpf-badge{background:rgba(18,14,9,.85) !important;border:1px solid #ac8448 !important;color:#e8bb66 !important;-webkit-text-fill-color:#e8bb66 !important}
html.eapur-on body .tkf-title,html.eapur-on body .ky-h1,html.eapur-on body .ep-h1,html.eapur-on body .eapdpf-title{color:#fff1d4 !important;-webkit-text-fill-color:#fff1d4 !important;text-shadow:0 2px 10px rgba(0,0,0,.7) !important;font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif !important}
html.eapur-on body .tkf-lead,html.eapur-on body .ky-lead,html.eapur-on body .ep-lead,html.eapur-on body .eapdpf-lead{color:#f3e2bd !important;-webkit-text-fill-color:#f3e2bd !important;text-shadow:0 1px 6px rgba(0,0,0,.75) !important}
/* 1.22.1 法務のページの読みやすさ：段ごとに墨の板を敷き（景色は段と段のすき間に見せる）、灰色・茶色の文字を明るくする */
html.eapur-on body #pp-final .tkf-sec,html.eapur-on body #tokusho-final .tkf-sec,html.eapur-on body #kiyaku .ky-sec,html.eapur-on body #eswp .ep-sec,html.eapur-on body .eapdpf-wrap .eapdpf-sec{background:rgba(16,12,7,.84) !important;border:1px solid rgba(172,132,72,.38) !important;border-radius:14px !important;padding:18px 14px !important;margin:16px 8px !important;box-shadow:0 8px 24px rgba(0,0,0,.45) !important}
html.eapur-on body .eapdpf-wrap{padding:8px 0 !important}
html.eapur-on body .eapdpf-wrap > p,html.eapur-on body .eapdpf-wrap .eapdpf-lead,html.eapur-on body .eapdpf-wrap .eapdpf-op{background:rgba(16,12,7,.84) !important;border-radius:12px !important;padding:12px 14px !important;margin:12px 8px !important}
html.eapur-on body .tkf-desc,html.eapur-on body .tkf-desc strong,html.eapur-on body .tkf-updated,html.eapur-on body .eapdpf-updated,html.eapur-on body .ep-desc,html.eapur-on body .ky-desc,html.eapur-on body .eapdpf-wrap > p,html.eapur-on body .eapdpf-b{color:#eadcb8 !important;-webkit-text-fill-color:#eadcb8 !important}
html.eapur-on body .tkf-kicker,html.eapur-on body .ep-lbl,html.eapur-on body .ky-lbl{color:#e8bb66 !important;-webkit-text-fill-color:#e8bb66 !important;letter-spacing:.12em !important}
html.eapur-on body .tkf-h2,html.eapur-on body .ep-ttl,html.eapur-on body .ky-ttl,html.eapur-on body .eapdpf-h{color:#fff1d4 !important;-webkit-text-fill-color:#fff1d4 !important}
html.eapur-on body .tkf-note,html.eapur-on body .tkf-note strong,html.eapur-on body .tkf-note b{color:#f2d48e !important;-webkit-text-fill-color:#f2d48e !important}
html.eapur-on body .tkf-note{background:rgba(232,187,102,.10) !important;border-left:3px solid #c9a24f !important}
html.eapur-on body .tkf-hero,html.eapur-on body .ky-hero,html.eapur-on body .ep-hero{background:linear-gradient(180deg,rgba(14,10,6,.62),rgba(14,10,6,.88)) !important}
html.eapur-on body #pp-final a[style*="background"],html.eapur-on body #tokusho-final a[style*="background"],html.eapur-on body #kiyaku a[style*="background"],html.eapur-on body #eswp a[style*="background"]{color:#1a1005 !important;-webkit-text-fill-color:#1a1005 !important}
/* 1.22.2 利用規約の箱（#kiyaku）だけにある部品：赤い注意書き・灰色の補足文・生成りの札の上の薄い字 */
html.eapur-on body #kiyaku .ky-notice,html.eapur-on body #kiyaku .ky-notice *{color:#ffb0a2 !important;-webkit-text-fill-color:#ffb0a2 !important}
html.eapur-on body #kiyaku .ky-notice a{text-decoration:underline !important}
html.eapur-on body #kiyaku .ky-notice{background:rgba(120,24,16,.28) !important;border:1px solid rgba(255,140,120,.45) !important;border-radius:10px !important}
html.eapur-on body #kiyaku p[style*="#666"],html.eapur-on body #kiyaku p[style*="#999"],html.eapur-on body #kiyaku small{color:#ddd0b0 !important;-webkit-text-fill-color:#ddd0b0 !important}
html.eapur-on body #kiyaku p[style*="#888060"]{color:#5a4818 !important;-webkit-text-fill-color:#5a4818 !important}

/* 1.22.3 取引DPF法のページ：いちばん上の題が書庫の絵にじかに乗っていた・見出しの字がくすんだ茶色・下の注意書きが茶色 */
html.eapur-on body .eapdpf-wrap .eapdpf-title{background:rgba(16,12,7,.84) !important;border:1px solid rgba(172,132,72,.38) !important;border-radius:12px !important;padding:12px 14px !important;margin:10px 8px !important;text-shadow:none !important}
html.eapur-on body .eapdpf-wrap .eapdpf-badge{margin-left:8px !important}
html.eapur-on body .eapdpf-wrap .eapdpf-op-k{color:#e8bb66 !important;-webkit-text-fill-color:#e8bb66 !important}
html.eapur-on body .eapdpf-wrap .eapdpf-note,html.eapur-on body .eapdpf-wrap .eapdpf-note *{color:#eadcb8 !important;-webkit-text-fill-color:#eadcb8 !important}
html.eapur-on body .eapdpf-wrap .eapdpf-note{background:rgba(16,12,7,.84) !important;border-radius:12px !important;padding:12px 14px !important;margin:12px 8px !important}

/* 1.23.0 予定（GPT 御触書の間と一緒に）：取引DPF法のいちばん下の更新日が絵の上にじかに乗っていた */
html.eapur-on body .eapdpf-wrap .eapdpf-updated{display:inline-block !important;background:rgba(16,12,7,.84) !important;border-radius:8px !important;padding:6px 12px !important;margin:8px !important}
