/* 利用規約。2026-09-19 page-68195.php から切り出し（英中韓版と共通）。 */
/* 利用規約（2026-09-18）。.tmp の中だけに効く。 */
.tmp{--red:#dc2626;--red-d:#991b1b;--red-l:#fef2f2;--ink:#1f2937;--mut:#6b7280;--line:#e5e7eb;--green:#06c755;
  color:var(--ink);line-height:1.85;font-size:15px;overflow-x:hidden}
.tmp *{box-sizing:border-box}
.tmp-wrap{max-width:860px;margin:0 auto;padding:0 16px}

.tmp-hero{position:relative;color:#fff;background:linear-gradient(135deg,#1f2937 0%,#111827 60%,#7f1d1d 100%);padding:44px 0 60px;text-align:center;overflow:hidden}
.tmp-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:rgba(220,38,38,.18)}
.tmp-hero__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.2em;opacity:.8;margin-bottom:8px}
.tmp-hero h1{color:#fff;font-size:clamp(26px,6vw,42px);font-weight:900;line-height:1.3;margin:0 0 10px}
.tmp-hero p{margin:0 auto;max-width:560px;opacity:.9;font-size:14px}

/* 本文（管理画面の中身をそのまま出し、見た目だけ整える） */
.tmp-body{background:#fff;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.09);padding:22px 20px;margin-top:-36px;position:relative;z-index:2}
.tmp-body > p{font-size:14.5px;margin:0 0 12px}
.tmp-body > p:first-of-type{font-size:15.5px;font-weight:700}
.tmp-body > p:nth-of-type(2){background:var(--red-l);border-left:4px solid var(--red);border-radius:10px;padding:12px 14px;color:#7f1d1d;font-weight:700}
.tmp-body > p:last-of-type{background:#f9fafb;border-radius:12px;padding:14px 16px;margin:18px 0 0;text-align:center;font-weight:700}

.tmp-search{display:flex;gap:8px;align-items:center;margin:18px 0 10px}
.tmp-search input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:10px 16px;font-size:15px;outline:none}
.tmp-search input:focus{border-color:var(--red)}
.tmp-search__count{font-size:12.5px;color:var(--mut);white-space:nowrap}

.tmp-body ul{list-style:none;margin:0;padding:0;counter-reset:rule}
.tmp-body ul li{counter-increment:rule;position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 56px;margin:0 0 8px;font-size:14.5px;line-height:1.8}
.tmp-body ul li::before{content:counter(rule);position:absolute;left:12px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
/* 絞り込んでも番号が振り直されないよう、元の番号を data-n に持たせて出す */
.tmp-body ul li[data-n]::before{content:attr(data-n)}
.tmp-body ul li.is-hidden{display:none}
.tmp-body ul li mark{background:#fef08a;color:inherit;padding:0 1px;border-radius:2px}
.tmp-money{color:var(--red);font-weight:900}
.tmp-empty{display:none;text-align:center;color:var(--mut);padding:16px}

.tmp-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 8px}
.tmp-link{display:block;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 10px;text-decoration:none!important;color:var(--ink)!important;font-weight:800;font-size:14px}
.tmp-link:hover{border-color:var(--red)}
.tmp-link span{display:block;font-size:22px;line-height:1.2;margin-bottom:4px}
.tmp-cta{text-align:center;margin:18px 0 44px}
.tmp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;padding:14px 22px;border-radius:999px;font-weight:800;font-size:15.5px;text-decoration:none!important;background:var(--green);color:#fff!important;box-shadow:0 8px 22px rgba(6,199,85,.28)}

@media (max-width:700px){
  .tmp{font-size:14.5px}
  .tmp-body{padding:18px 14px}
  .tmp-body ul li{padding:11px 12px 11px 50px;font-size:14px}
  .tmp-body ul li::before{left:10px;width:30px;height:30px}
  .tmp-links{grid-template-columns:1fr}
  .tmp-btn{min-width:0;width:100%}
}

/* 英中韓版（inc/intl-terms.php）だけで使う：項目のまとまりの見出し（2026-09-19） */
.tmp-sec{font-size:15px;font-weight:900;color:var(--red-d);margin:18px 0 8px;padding-left:10px;border-left:4px solid var(--red)}
.tmp-sec.is-hidden{display:none}
.tmp-body ul + .tmp-sec{margin-top:20px}