/* 切手のため方（KITTEUP1007・2026-10-07）。inc/kitte-up.php が読み込む。js/kitte-up.js が置く。
   点検 10/7: 押せる所は 44px 以上・文字は 14px 以上（✕3）。注は段落の中に入れず、段落の後ろに独立した行で置く（✕2）。 */

/* ---------- マイページ ---------- */
.ku{box-sizing:border-box;margin:0 0 14px;padding:14px 14px 12px;border-radius:18px;background:linear-gradient(160deg,#fff6d6 0%,#fffdf6 55%,#fff 100%);border:2px solid #f1d77a;color:#3a2a45;font-family:inherit;line-height:1.6;box-shadow:0 6px 18px rgba(214,170,40,.14)}
.ku *{box-sizing:border-box}
.ku p{margin:0}
.ku__eye{display:inline-block;margin:0 0 4px;padding:2px 10px;border-radius:99px;background:#f6cf49;color:#5a3d00;font-size:14px;font-weight:900;letter-spacing:.04em}
.ku__h{display:block;margin:0;font-size:17px;font-weight:900;color:#3a2a45;line-height:1.45}
.ku__h em{font-style:normal;color:#c0418a}
.ku__main{margin:10px 0 0;padding:12px;border-radius:14px;background:#fff;border:1.5px solid #f3e2a6}
.ku__big{display:flex;align-items:center;gap:10px}
.ku__ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#f6cf49;color:#5a3d00;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}
.ku__num{display:block;font-size:30px;font-weight:900;color:#c0418a;line-height:1.05;letter-spacing:-.01em}
.ku__num small{font-size:14px;font-weight:900;color:#c0418a;margin-left:2px}
.ku__per{display:block;margin:2px 0 0;font-size:14px;font-weight:800;color:#6d5a78}
.ku .ku__left{margin:10px 0 0;font-size:14px;font-weight:800;color:#3a2a45}
.ku__left b{font-size:18px;color:#c0418a}
.ku__left[hidden],.ku__note2[hidden],.ku__young[hidden]{display:none}
.ku .ku__note2{margin:2px 0 0;font-size:14px;font-weight:700;color:#8b7f95;line-height:1.55}
.ku .ku__young{margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.6;color:#8b7f95}
.ku .ku__how{margin:8px 0 0;font-size:14px;line-height:1.7;color:#6d5a78}
.ku .ku__sub{margin:14px 0 7px;font-size:14px;font-weight:900;color:#8b6cc1}
.ku__recs{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:280px}
.ku__recs.is-none{min-height:0}
.ku__rec{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:13px;background:#fff;border:1.5px solid #f2dcea;text-decoration:none;color:#3a2a45;min-height:136px}
.ku__rec img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#fdeef6}
.ku__rec.is-sk{background:linear-gradient(90deg,#fbf3f8,#fff,#fbf3f8);background-size:200% 100%;animation:kuSk 1.4s linear infinite}
@keyframes kuSk{to{background-position:-200% 0}}
.ku__rt{display:-webkit-box;padding:6px 8px 0;font-size:14px;font-weight:900;line-height:1.4;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ku__rm{display:flex;align-items:center;gap:5px;margin-top:auto;padding:4px 8px 8px;font-size:14px;font-weight:800;color:#8b7f95}
.ku__rp{display:inline-block;padding:1px 8px;border-radius:99px;background:#c0418a;color:#fff;font-size:14px;font-weight:900;white-space:nowrap}
.ku__all{display:flex;align-items:center;justify-content:center;min-height:48px;margin:10px 0 0;padding:12px 10px;border-radius:999px;background:linear-gradient(135deg,#d65c9a,#8b6cc1);color:#fff!important;text-decoration:none!important;text-align:center;font-size:15px;font-weight:900}
.ku .ku__done{padding:12px;border-radius:12px;background:#faf7fc;font-size:14px;line-height:1.8;color:#6d5a78;text-align:center}
.ku__oth{margin:14px 0 0;padding:10px 0 0;border-top:1px dashed #ead9b0}
.ku .ku__oh{margin:0 0 4px;font-size:14px;font-weight:900;color:#8b7f95}
.ku__ol{list-style:none;margin:0;padding:0}
.ku__ol li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:14px;line-height:1.5;color:#6d5a78;border-bottom:1px solid #f4ecd6}
.ku__ol li:last-child{border-bottom:0}
.ku__ol li>span{min-width:0}
.ku__ol li b{flex:0 0 auto;font-weight:900;color:#8b6cc1}
.ku__ol a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;color:inherit;text-decoration:none}
.ku__ol a span::after{content:' ›';color:#c0418a;font-weight:900}
.ku .ku__note{margin:8px 0 0;font-size:14px;line-height:1.7;color:#8b7f95}

/* 受け取れる切手 */
.ku__claim{margin:12px 0 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,#fdeef6,#f3edff);border:1.5px solid #e9c6dd}
.ku__claim[hidden]{display:none}
.ku .ku__ch{font-size:15px;font-weight:900;color:#3a2a45;line-height:1.5}
.ku__ch b{font-size:26px;color:#c0418a;margin:0 2px}
.ku .ku__chs{margin:2px 0 0;font-size:14px;font-weight:700;color:#7d6a8a;line-height:1.6}
.ku__cb{display:block;width:100%;min-height:48px;margin:9px 0 0;padding:12px 10px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6cf49,#e79a2c);color:#4a3000;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer}
.ku__cb[disabled]{opacity:.6;cursor:default}
.ku .ku__cm{margin:6px 0 0;min-height:1em;font-size:14px;font-weight:700;color:#c0418a}

/* シェアするだけで受け取れる（主役なのでボタンは大きく） */
.ku__shs{display:flex;flex-direction:column;gap:8px}
.ku__sh{padding:10px;border-radius:13px;background:#fff;border:1.5px solid #f2dcea}
.ku__shh{display:flex;align-items:center;gap:10px}
.ku__sh img,.ku__shi{flex:0 0 48px;width:48px;height:48px;border-radius:10px;object-fit:cover;background:#fdeef6}
.ku__shi{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:22px;color:#c0418a}
.ku__sht{flex:1;min-width:0}
.ku__sht b{display:block;font-size:14px;font-weight:900;color:#3a2a45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ku__sht small{display:block;font-size:14px;color:#8b7f95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ku__shn{flex:0 0 auto;font-size:15px;font-weight:900;color:#c0418a;white-space:nowrap}
.ku__shb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0}
.ku__x,.ku__l{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:99px;padding:8px 10px;color:#fff;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer}
.ku__x{background:#111}.ku__l{background:#06c755}
.ku__x[disabled],.ku__l[disabled]{opacity:.5}
.ku-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:99990;max-width:calc(100% - 32px);padding:10px 16px;border-radius:99px;background:rgba(45,32,85,.94);color:#fff;font-size:14px;font-weight:800;line-height:1.4;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;text-align:center}
.ku-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- 入口の帯 ---------- */
.ku-band{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:56px;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#fff6d6,#fffdf4);border:1.5px solid #f1d77a;color:#3a2a45!important;text-decoration:none!important;font-family:inherit;line-height:1.45}
.ku-band__i{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#f6cf49;color:#5a3d00;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900}
.ku-band__t{flex:1;min-width:0;font-size:15px;font-weight:900}
.ku-band__t b{color:#c0418a;font-size:16px}
.ku-band__t small{display:block;font-size:14px;font-weight:700;color:#7d6a8a}
.ku-band__go{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:99px;background:#c0418a;color:#fff;font-size:14px;font-weight:900;white-space:nowrap}

/* ---------- 切手が足りない画面の1行 ---------- */
.ku-mini{display:block;box-sizing:border-box;min-height:44px;margin:10px 0 6px;padding:10px 12px;border-radius:12px;background:#fff8dc;border:1.5px solid #f1d77a;color:#5a3d00!important;text-decoration:none!important;text-align:left;line-height:1.5}
.ku-mini b{display:block;font-size:15px;font-weight:900;color:#7a5200}
.ku-mini span{display:block;font-size:14px;font-weight:700;color:#8a6a2a}

/* MELAYOUT1007 花屋の帯（財布のすぐ下） */
.ku-shop{margin:0 0 16px}
.ku-shop .ku-band{margin:0}
.ku-shop__claim{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 0;padding:10px 12px;border:1.5px solid #f6cf49;border-radius:14px;background:#fff8dc}
.ku-shop__claim[hidden]{display:none}
.ku-shop__t{flex:1;min-width:150px;margin:0;font-size:15px;font-weight:900;color:#6b4a00}
.ku-shop__t b{color:#c0418a;font-size:17px}
.ku-shop__t small{display:block;font-size:14px;font-weight:700;color:#8a7a50}
.ku-shop__claim .ku__cb{min-height:44px;margin:0}
.ku-shop__claim .ku__cm{flex-basis:100%;margin:0;font-size:14px}
.ku-shop__claim .ku__cm:empty{display:none}