/* Trendsx 共通スタイル (全サイト読み込み) */
:root{
  --tx-primary:#ff4d6d;
  --tx-primary-dark:#c9184a;
  --tx-dark:#1a1a2e;
  --tx-light:#fafafa;
  --tx-gray:#6b7280;
  --tx-radius:14px;
  --tx-shadow:0 4px 20px rgba(0,0,0,0.08);
  --tx-font:"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--tx-font);color:var(--tx-dark);background:var(--tx-light);line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1080px;margin:0 auto;padding:0 20px;}

.tx-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10;}
.tx-header .container{display:flex;align-items:center;justify-content:space-between;height:64px;}
.tx-logo{font-weight:800;font-size:1.4rem;color:var(--tx-primary);}
.tx-nav{display:flex;gap:20px;font-size:.9rem;flex-wrap:wrap;}
.tx-nav a{padding:6px 10px;border-radius:8px;}
.tx-nav a:hover{background:#fff0f3;color:var(--tx-primary-dark);}

.tx-hero{padding:56px 0;text-align:center;background:linear-gradient(135deg,#fff0f3,#fff);}
.tx-hero h1{font-size:2rem;margin-bottom:12px;}
.tx-hero p{color:var(--tx-gray);max-width:520px;margin:0 auto;}

.tx-badge{display:inline-block;background:var(--tx-primary);color:#fff;font-size:.75rem;padding:4px 10px;border-radius:999px;margin-bottom:12px;}

.tx-card{background:#fff;border-radius:var(--tx-radius);box-shadow:var(--tx-shadow);padding:20px;}
.tx-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

.tx-cta{display:inline-block;background:var(--tx-primary);color:#fff;padding:12px 24px;border-radius:999px;font-weight:700;margin-top:10px;}
.tx-cta:hover{background:var(--tx-primary-dark);}

.tx-price{font-weight:800;color:var(--tx-primary-dark);}
.tx-reward{font-size:.8rem;color:var(--tx-gray);}

.tx-footer{background:var(--tx-dark);color:#ccc;padding:32px 0;margin-top:60px;font-size:.85rem;text-align:center;}
.tx-footer a{color:#fff;}

.tx-disclaimer{font-size:.72rem;color:var(--tx-gray);margin-top:24px;}

@media(max-width:600px){
  .tx-hero h1{font-size:1.5rem;}
  .tx-nav{gap:10px;font-size:.8rem;}
}