/* キャリ鉄 ☆お気に入り（会員登録なしで使える）v1.3.0 */

/* ☆を押したときの小さな案内（画面の下に4.5秒） */
.ctfg-toast{position:fixed;left:50%;top:76px;z-index:100000;width:max-content;max-width:calc(100vw - 24px);padding:11px 18px;border-radius:999px;background:#16222E;color:#fff;font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 4px 16px rgba(20,60,100,.28);transform:translate(-50%,-12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:flex;align-items:center;gap:14px}
.ctfg-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ctfg-toast a{flex:none;color:#8FD0F2;text-decoration:underline;text-underline-offset:3px;font-weight:800;white-space:nowrap}

/* 「お気に入り」ページ */
.ctfg-page{max-width:720px;margin:0 auto;color:#333}
.ctfg-page__load{color:#777}
.ctfg-note{margin:0 0 22px;padding:16px 18px;border:1px solid #CFDDE8;border-radius:14px;background:#F0F7FC}
.ctfg-note p{margin:0}
.ctfg-note__t{font-weight:800;font-size:16px;line-height:1.6}
.ctfg-note__s{margin:6px 0 0!important;font-size:13px;line-height:1.7;color:#555}
.ctfg-note__btns,.ctfg-empty__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ctfg-note--in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ctfg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #CFDDE8;border-radius:10px;background:#fff;color:#333!important;font-size:14px;font-weight:700;text-decoration:none!important;text-align:center}
.ctfg-btn--main{border-color:#1B7FBE;background:#1B7FBE;color:#fff!important}
.ctfg-empty{padding:28px 18px;border:1px dashed #CFDDE8;border-radius:14px;text-align:center;color:#555}
.ctfg-empty p{margin:0}
.ctfg-empty__btns{justify-content:center}
.ctfg-sec{margin:0 0 26px}
.ctfg-sec__h{margin:0 0 10px!important;padding:2px 0 8px 14px!important;border-bottom:2px solid #D8EDF8;font-size:18px!important;font-weight:800;line-height:1.5}
.ctfg-list{list-style:none;margin:0!important;padding:0!important}
.ctfg-item{display:flex;align-items:stretch;gap:8px;margin:0!important;padding:10px 0;border-bottom:1px solid #E6EDF3}
.ctfg-item__main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;color:#333!important;text-decoration:none!important}
.ctfg-item__img{flex:none;width:96px;height:54px;border-radius:8px;object-fit:cover;background:#F0F7FC}
.ctfg-item__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ctfg-item__cat{font-size:12px;color:#1B7FBE;font-weight:700}
.ctfg-item__tit{font-size:15px;font-weight:700;line-height:1.5;word-break:break-word}
.ctfg-item__main:hover .ctfg-item__tit{text-decoration:underline;text-underline-offset:3px}
.ctfg-item__rm{flex:none;align-self:center;min-height:40px;padding:6px 10px;border:1px solid #CFDDE8;border-radius:8px;background:#fff;color:#555;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.ctfg-item__rm:hover{background:#F0F7FC}
@media (max-width:480px){.ctfg-item__img{width:72px;height:40px}}

/* 「お気に入り」の入口：メニューの先頭・左下のボタン（全画面） */
.ctfg-nav{position:relative}
.ctfg-nav__i{flex:none}
.ctfg-nav__n{display:inline-block;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#1B7FBE;color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center}
.ctfg-nav__n[hidden]{display:none}
.ct-drawer__link.ctfg-nav{display:flex;align-items:center;gap:8px}
.ctfg-pill{display:none;position:fixed;left:12px;bottom:14px;z-index:99990;align-items:center;gap:6px;height:40px;padding:0 14px 0 12px;border:1px solid #CFDDE8;border-radius:999px;background:#fff;color:#1B7FBE!important;font-size:14px;font-weight:800;text-decoration:none!important;box-shadow:0 2px 10px rgba(20,60,100,.2)}
.ctfg-pill.is-on{display:inline-flex}
body.is-locked .ctfg-pill,html.ct-gate-lock .ctfg-pill{display:none!important}

/* スマホのヘッダーの ☆お気に入り（4つ並べても、360pxの画面からはみ出さないように、幅をつめる） */
.ct-sp-actions.ctfg-4{gap:0}
.ct-sp-actions.ctfg-4>.ct-sp-mypage,.ct-sp-actions.ctfg-4>.ct-burger{min-width:0;width:auto;flex:none;padding-left:5px;padding-right:5px}
.ct-sp-actions.ctfg-4 .ct-sp-mypage span,.ct-sp-actions.ctfg-4 .ct-burger__text{letter-spacing:0}
.ct-header .ctfg-hdr{position:relative}
@media (max-width:640px){.ct-header.ctfg-hd .ct-header__logo{padding-right:8px}}
.ctfg-hdr .ctfg-nav__n{position:absolute;top:3px;left:calc(50% + 3px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;line-height:16px;box-sizing:border-box}

/* フッターのリンク・案内帯（記事の下・トップの下） */
.ctfg-flink{display:inline-flex;align-items:center;gap:6px}
.ctfg-bn{display:flex;align-items:center;gap:14px;max-width:760px;margin:28px auto;padding:16px 18px;border:1px solid #CFDDE8;border-radius:14px;background:#F0F7FC;color:#333;box-sizing:border-box}
.ctfg-bn__ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#1B7FBE;box-shadow:0 1px 4px rgba(20,60,100,.15)}
.ctfg-bn__txt{flex:1;min-width:0}
.ctfg-bn__txt p{margin:0!important}
.ctfg-bn__t{font-size:16px;font-weight:800;line-height:1.5}
.ctfg-bn__s,.ctfg-bn__t{text-wrap:balance}
.ctfg-bn__s{margin-top:3px!important;font-size:13px;line-height:1.7;color:#555}
.ctfg-bn__a{flex:none;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:10px;background:#1B7FBE;color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.ctfg-bn__a .ctfg-nav__n{background:#fff;color:#1B7FBE}
@media (max-width:600px){.ctfg-bn.ctfg-bn--art{margin-left:0;margin-right:0}.ctfg-bn{flex-wrap:wrap;margin:22px 16px;padding:14px;gap:10px 12px}.ctfg-bn__ic{width:40px;height:40px}.ctfg-bn__txt{flex:1 1 0;min-width:0}.ctfg-bn__a{flex:1 0 100%;justify-content:center}.ctfg-bn__s{font-size:12.5px}}

/* 会員登録・ログインページの2つのボタン：文字が真ん中になるように（スマホで、文字が右にはみ出さない）。2026-11-12 しんたろーさん */
.ct-body .um .um-col-alt input[type=submit].um-button,
.ct-body .um .um-col-alt a.um-button{padding-left:8px!important;padding-right:8px!important;letter-spacing:0!important;font-size:15px!important;text-align:center!important;white-space:nowrap!important}
