{"id":6,"date":"2026-05-28T11:17:11","date_gmt":"2026-05-28T02:17:11","guid":{"rendered":"http:\/\/horror-escape.site\/?page_id=6"},"modified":"2026-05-28T12:04:27","modified_gmt":"2026-05-28T03:04:27","slug":"6-2","status":"publish","type":"page","link":"https:\/\/horror-escape.site\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>HORROR ESCAPE \u2014 Free Online Horror Escape Games<\/title>\n<meta name=\"description\" content=\"Free horror escape games playable in your browser. Can you escape?\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700;900&#038;family=Shippori+Mincho:wght@400;600&#038;family=Space+Mono:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n:root {\n  --black: #030202;\n  --deep: #0a0706;\n  --surface: #110d0b;\n  --border: #221810;\n  --border2: #2e1f14;\n  --blood: #8b0000;\n  --blood2: #c0392b;\n  --blood3: #e74c3c;\n  --ash: #c8b8a8;\n  --ash2: #9a8878;\n  --ash3: #5a4a3a;\n  --white: #f0e8e0;\n  --glow: rgba(139,0,0,0.15);\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  background: var(--black);\n  color: var(--ash);\n  font-family: 'Shippori Mincho', serif;\n  min-height: 100vh;\n  overflow-x: hidden;\n  cursor: crosshair;\n}\n\n\/* ===== NOISE OVERLAY ===== *\/\nbody::after {\n  content:'';\n  position:fixed;inset:0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n  opacity: 0.035;\n  pointer-events: none;\n  z-index: 9999;\n  mix-blend-mode: overlay;\n}\n\n\/* ===== SCANLINES ===== *\/\nbody::before {\n  content:'';\n  position:fixed;inset:0;\n  background: repeating-linear-gradient(\n    to bottom,\n    transparent 0px, transparent 2px,\n    rgba(0,0,0,0.06) 2px, rgba(0,0,0,0.06) 4px\n  );\n  pointer-events:none;\n  z-index:9998;\n}\n\n\/* ===== NAV ===== *\/\nnav {\n  position: fixed;\n  top: 0; left: 0; right: 0;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 48px;\n  border-bottom: 1px solid var(--border);\n  background: rgba(3,2,2,0.92);\n  backdrop-filter: blur(8px);\n}\n\n.nav-logo {\n  font-family: 'Cinzel', serif;\n  font-weight: 900;\n  font-size: 16px;\n  letter-spacing: 0.25em;\n  color: var(--white);\n  text-decoration: none;\n}\n.nav-logo span { color: var(--blood2); }\n\n.nav-links {\n  display: flex;\n  gap: 36px;\n  list-style: none;\n}\n.nav-links a {\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.2em;\n  color: var(--ash3);\n  text-decoration: none;\n  text-transform: uppercase;\n  transition: color 0.2s;\n}\n.nav-links a:hover { color: var(--blood2); }\n\n.nav-lang {\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.15em;\n  color: var(--ash3);\n  display: flex;\n  gap: 12px;\n}\n.nav-lang span { cursor: pointer; transition: color 0.2s; }\n.nav-lang span.active, .nav-lang span:hover { color: var(--blood2); }\n\n\/* ===== HERO ===== *\/\n.hero {\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  padding: 100px 24px 60px;\n}\n\n\/* \u80cc\u666f\u306e\u5341\u5b57 *\/\n.hero-grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(var(--border) 1px, transparent 1px),\n    linear-gradient(90deg, var(--border) 1px, transparent 1px);\n  background-size: 80px 80px;\n  opacity: 0.4;\n}\n\n\/* \u8840\u306e\u5149 *\/\n.hero-glow {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 600px; height: 600px;\n  background: radial-gradient(ellipse at center, rgba(139,0,0,0.12) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n\/* \u30b3\u30fc\u30ca\u30fc\u88c5\u98fe *\/\n.corner {\n  position: absolute;\n  width: 60px; height: 60px;\n  opacity: 0.4;\n}\n.corner::before, .corner::after { content:''; position:absolute; background:var(--blood); }\n.corner::before { width:100%; height:1px; top:0; left:0; }\n.corner::after { width:1px; height:100%; top:0; left:0; }\n.corner.tl { top:80px; left:24px; }\n.corner.tr { top:80px; right:24px; transform:scaleX(-1); }\n.corner.bl { bottom:24px; left:24px; transform:scaleY(-1); }\n.corner.br { bottom:24px; right:24px; transform:scale(-1); }\n\n.hero-eyebrow {\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.4em;\n  color: var(--blood2);\n  text-transform: uppercase;\n  margin-bottom: 28px;\n  position: relative;\n  z-index: 1;\n  animation: fadeUp 1s ease 0.2s both;\n}\n\n.hero-title {\n  font-family: 'Cinzel', serif;\n  font-weight: 900;\n  font-size: clamp(52px, 10vw, 120px);\n  line-height: 0.9;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n  animation: fadeUp 1s ease 0.4s both;\n}\n.hero-title .line1 {\n  display: block;\n  color: var(--white);\n  letter-spacing: 0.15em;\n  text-shadow: 0 0 80px rgba(139,0,0,0.3);\n}\n.hero-title .line2 {\n  display: block;\n  color: transparent;\n  -webkit-text-stroke: 1px var(--blood);\n  letter-spacing: 0.2em;\n  margin-top: 4px;\n  font-size: 0.65em;\n}\n\n.hero-divider {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin: 36px 0;\n  width: 300px;\n  position: relative;\n  z-index: 1;\n  animation: fadeUp 1s ease 0.6s both;\n}\n.hero-divider-line { flex:1; height:1px; background: linear-gradient(to right, transparent, var(--blood), transparent); }\n.hero-divider-icon { color: var(--blood2); font-size: 16px; }\n\n.hero-copy {\n  font-size: 14px;\n  line-height: 2;\n  color: var(--ash2);\n  text-align: center;\n  letter-spacing: 0.08em;\n  max-width: 440px;\n  position: relative;\n  z-index: 1;\n  animation: fadeUp 1s ease 0.7s both;\n}\n\n.hero-cta {\n  display: flex;\n  gap: 16px;\n  margin-top: 40px;\n  position: relative;\n  z-index: 1;\n  animation: fadeUp 1s ease 0.9s both;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.btn-primary {\n  background: var(--blood);\n  border: 1px solid var(--blood2);\n  color: var(--white);\n  padding: 14px 40px;\n  font-family: 'Cinzel', serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  cursor: pointer;\n  text-decoration: none;\n  display: inline-block;\n  transition: all 0.3s;\n  position: relative;\n  overflow: hidden;\n}\n.btn-primary::before {\n  content:'';position:absolute;inset:0;\n  background: var(--blood2);\n  transform: scaleX(0); transform-origin: left;\n  transition: transform 0.3s;\n}\n.btn-primary:hover::before { transform: scaleX(1); }\n.btn-primary span { position:relative;z-index:1; }\n\n.btn-secondary {\n  background: transparent;\n  border: 1px solid var(--border2);\n  color: var(--ash2);\n  padding: 14px 40px;\n  font-family: 'Cinzel', serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  cursor: pointer;\n  text-decoration: none;\n  display: inline-block;\n  transition: all 0.3s;\n}\n.btn-secondary:hover { border-color: var(--blood); color: var(--ash); }\n\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u77e2\u5370 *\/\n.scroll-hint {\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translateX(-50%);\n  font-family: 'Space Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 0.25em;\n  color: var(--ash3);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  animation: scrollBounce 2s infinite;\n}\n.scroll-hint::after { content:'\u2193'; font-size:14px; color:var(--blood); }\n@keyframes scrollBounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }\n\n\/* ===== STATS BAR ===== *\/\n.stats-bar {\n  border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  background: var(--surface);\n  display: flex;\n  justify-content: center;\n  gap: 0;\n}\n.stat-item {\n  padding: 20px 48px;\n  text-align: center;\n  border-right: 1px solid var(--border);\n  flex: 1;\n  max-width: 220px;\n}\n.stat-item:last-child { border-right: none; }\n.stat-num {\n  font-family: 'Cinzel', serif;\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--white);\n  display: block;\n  line-height: 1;\n}\n.stat-label {\n  font-family: 'Space Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 0.2em;\n  color: var(--ash3);\n  margin-top: 6px;\n  display: block;\n  text-transform: uppercase;\n}\n\n\/* ===== SECTION ===== *\/\nsection {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 80px 48px;\n}\n\n.section-header {\n  display: flex;\n  align-items: baseline;\n  gap: 20px;\n  margin-bottom: 48px;\n}\n.section-eyebrow {\n  font-family: 'Space Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 0.35em;\n  color: var(--blood2);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n.section-title {\n  font-family: 'Cinzel', serif;\n  font-size: clamp(22px, 3vw, 32px);\n  font-weight: 900;\n  color: var(--white);\n  letter-spacing: 0.1em;\n}\n.section-line {\n  flex: 1;\n  height: 1px;\n  background: linear-gradient(to right, var(--border2), transparent);\n}\n\n\/* ===== GAME CARDS ===== *\/\n.games-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 2px;\n}\n\n.game-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  transition: border-color 0.3s;\n  text-decoration: none;\n  display: block;\n}\n.game-card:hover { border-color: var(--blood); }\n\n\/* \u30ab\u30fc\u30c9\u306e\u30b5\u30e0\u30cd\u30a4\u30eb\uff08CSS\u63cf\u753b\uff09 *\/\n.card-thumb {\n  height: 180px;\n  position: relative;\n  overflow: hidden;\n}\n\n.thumb-hospital {\n  background: linear-gradient(180deg, #060404 0%, #100a06 60%, #180c08 100%);\n}\n.thumb-hospital::before {\n  content:'';position:absolute;inset:0;\n  background:\n    radial-gradient(ellipse at 50% 30%, rgba(80,0,0,0.3) 0%, transparent 60%),\n    repeating-linear-gradient(90deg, transparent 0, transparent 39px, rgba(255,255,255,0.01) 40px);\n}\n.thumb-hospital::after {\n  content:'\u5ec3\u75c5\u9662';\n  position:absolute;bottom:12px;right:12px;\n  font-family:'Shippori Mincho',serif;\n  font-size:32px;color:rgba(180,60,30,0.15);\n  letter-spacing:0.1em;\n}\n\n.thumb-mansion {\n  background: linear-gradient(180deg, #04060a 0%, #080c12 60%, #0c1018 100%);\n}\n.thumb-mansion::before {\n  content:'';position:absolute;inset:0;\n  background:\n    radial-gradient(ellipse at 50% 30%, rgba(0,20,60,0.4) 0%, transparent 60%),\n    repeating-linear-gradient(90deg, transparent 0, transparent 39px, rgba(255,255,255,0.01) 40px);\n}\n.thumb-mansion::after {\n  content:'\u6d0b\u9928';\n  position:absolute;bottom:12px;right:12px;\n  font-family:'Shippori Mincho',serif;\n  font-size:48px;color:rgba(30,60,130,0.15);\n  letter-spacing:0.1em;\n}\n\n.thumb-deep {\n  background: linear-gradient(180deg, #020408 0%, #040610 60%, #060814 100%);\n}\n.thumb-deep::before {\n  content:'';position:absolute;inset:0;\n  background:\n    radial-gradient(ellipse at 50% 70%, rgba(0,40,80,0.4) 0%, transparent 60%),\n    repeating-linear-gradient(90deg, transparent 0, transparent 39px, rgba(255,255,255,0.01) 40px);\n}\n.thumb-deep::after {\n  content:'\u6df1\u6d77';\n  position:absolute;bottom:12px;right:12px;\n  font-family:'Shippori Mincho',serif;\n  font-size:48px;color:rgba(0,60,120,0.15);\n  letter-spacing:0.1em;\n}\n\n\/* \u30ab\u30fc\u30c9\u5185\u306e\u30a2\u30a4\u30b3\u30f3\u6f14\u51fa *\/\n.card-icon {\n  position:absolute;\n  top:50%;left:50%;transform:translate(-50%,-50%);\n  font-size:48px;\n  opacity:0.6;\n  transition:all 0.3s;\n  filter: grayscale(0.5);\n}\n.game-card:hover .card-icon { opacity:0.9; transform:translate(-50%,-50%) scale(1.1); }\n\n\/* \u30d5\u30ea\u30fc\u30d0\u30c3\u30b8 *\/\n.badge {\n  position:absolute;top:12px;left:12px;\n  font-family:'Space Mono',monospace;\n  font-size:9px;letter-spacing:0.2em;\n  padding:4px 10px;\n  text-transform:uppercase;\n}\n.badge-free { background:var(--blood);color:var(--white); }\n.badge-premium { background:transparent;border:1px solid #8a7a30;color:#c0a830; }\n.badge-soon { background:var(--surface);border:1px solid var(--border2);color:var(--ash3); }\n\n\/* \u96e3\u6613\u5ea6 *\/\n.card-diff {\n  position:absolute;top:12px;right:12px;\n  display:flex;gap:3px;\n}\n.diff-dot {\n  width:6px;height:6px;\n  border-radius:50%;\n  background:var(--border2);\n}\n.diff-dot.filled { background:var(--blood2); }\n\n.card-body {\n  padding:20px 20px 16px;\n}\n.card-tag {\n  font-family:'Space Mono',monospace;\n  font-size:8px;letter-spacing:0.25em;\n  color:var(--blood2);\n  text-transform:uppercase;\n  margin-bottom:8px;\n}\n.card-title {\n  font-family:'Cinzel',serif;\n  font-size:16px;font-weight:700;\n  color:var(--white);\n  letter-spacing:0.08em;\n  margin-bottom:8px;\n  line-height:1.3;\n}\n.card-desc {\n  font-size:12px;line-height:1.8;\n  color:var(--ash2);\n  letter-spacing:0.04em;\n  margin-bottom:14px;\n}\n.card-meta {\n  display:flex;align-items:center;justify-content:space-between;\n  border-top:1px solid var(--border);\n  padding-top:12px;\n}\n.card-rooms {\n  font-family:'Space Mono',monospace;\n  font-size:9px;letter-spacing:0.15em;\n  color:var(--ash3);\n}\n.card-arrow {\n  font-size:12px;color:var(--blood2);\n  transition:transform 0.2s;\n}\n.game-card:hover .card-arrow { transform:translateX(4px); }\n\n\/* ===== FEATURED ===== *\/\n.featured-card {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  border:1px solid var(--border2);\n  overflow:hidden;\n  margin-bottom:2px;\n}\n.featured-visual {\n  height:320px;\n  background:linear-gradient(135deg,#0a0404 0%,#180808 100%);\n  position:relative;overflow:hidden;\n  display:flex;align-items:center;justify-content:center;\n}\n.featured-visual::before {\n  content:'';position:absolute;inset:0;\n  background:radial-gradient(ellipse at 40% 40%,rgba(139,0,0,0.2) 0%,transparent 60%);\n}\n.featured-num {\n  font-family:'Cinzel',serif;\n  font-size:120px;font-weight:900;\n  color:rgba(139,0,0,0.08);\n  position:absolute;bottom:-10px;right:-10px;\n  line-height:1;\n  letter-spacing:-0.05em;\n  pointer-events:none;\n}\n.featured-icon { font-size:64px;position:relative;z-index:1;opacity:0.7; }\n\n.featured-info {\n  padding:40px;\n  background:var(--surface);\n  display:flex;flex-direction:column;justify-content:center;\n}\n.featured-badge {\n  font-family:'Space Mono',monospace;\n  font-size:9px;letter-spacing:0.3em;\n  color:var(--blood2);margin-bottom:16px;\n  text-transform:uppercase;\n}\n.featured-title {\n  font-family:'Cinzel',serif;\n  font-size:28px;font-weight:900;\n  color:var(--white);letter-spacing:0.08em;\n  line-height:1.2;margin-bottom:12px;\n}\n.featured-sub {\n  font-family:'Shippori Mincho',serif;\n  font-size:13px;color:var(--ash2);\n  letter-spacing:0.15em;margin-bottom:20px;\n}\n.featured-desc {\n  font-size:13px;line-height:2;\n  color:var(--ash2);letter-spacing:0.05em;\n  margin-bottom:28px;\n}\n.featured-tags {\n  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;\n}\n.tag {\n  font-family:'Space Mono',monospace;\n  font-size:8px;letter-spacing:0.15em;\n  padding:4px 10px;\n  border:1px solid var(--border2);\n  color:var(--ash3);\n  text-transform:uppercase;\n}\n\n\/* ===== HOW IT WORKS ===== *\/\n.how-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:2px;\n}\n.how-item {\n  background:var(--surface);\n  border:1px solid var(--border);\n  padding:32px 28px;\n  position:relative;\n  overflow:hidden;\n}\n.how-item::before {\n  content:attr(data-num);\n  position:absolute;top:-10px;right:10px;\n  font-family:'Cinzel',serif;\n  font-size:80px;font-weight:900;\n  color:rgba(139,0,0,0.06);\n  line-height:1;pointer-events:none;\n}\n.how-icon { font-size:28px;margin-bottom:16px; }\n.how-title {\n  font-family:'Cinzel',serif;\n  font-size:14px;font-weight:700;\n  color:var(--white);letter-spacing:0.1em;\n  margin-bottom:10px;\n}\n.how-desc {\n  font-size:12px;line-height:1.9;\n  color:var(--ash2);letter-spacing:0.04em;\n}\n\n\/* ===== FOOTER ===== *\/\nfooter {\n  border-top:1px solid var(--border);\n  background:var(--surface);\n  padding:48px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  flex-wrap:wrap;\n  gap:24px;\n}\n.footer-logo {\n  font-family:'Cinzel',serif;\n  font-weight:900;font-size:18px;\n  color:var(--white);letter-spacing:0.2em;\n}\n.footer-logo span { color:var(--blood2); }\n.footer-copy {\n  font-family:'Space Mono',monospace;\n  font-size:9px;letter-spacing:0.2em;\n  color:var(--ash3);\n}\n.footer-links {\n  display:flex;gap:24px;\n}\n.footer-links a {\n  font-family:'Space Mono',monospace;\n  font-size:9px;letter-spacing:0.15em;\n  color:var(--ash3);text-decoration:none;\n  transition:color 0.2s;\n}\n.footer-links a:hover { color:var(--blood2); }\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeUp {\n  from { opacity:0; transform:translateY(20px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n\n.reveal {\n  opacity:0;transform:translateY(24px);\n  transition:opacity 0.7s ease, transform 0.7s ease;\n}\n.reveal.visible { opacity:1;transform:translateY(0); }\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:768px){\n  nav { padding:14px 20px; }\n  .nav-links { display:none; }\n  section { padding:60px 20px; }\n  .featured-card { grid-template-columns:1fr; }\n  .featured-visual { height:200px; }\n  .how-grid { grid-template-columns:1fr; }\n  .stats-bar { flex-wrap:wrap; }\n  .stat-item { min-width:50%; }\n  footer { padding:32px 20px; flex-direction:column;align-items:flex-start; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n  <a href=\"#\" class=\"nav-logo\">HORROR<span>.<\/span>ESCAPE<\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"#games\">Games<\/a><\/li>\n    <li><a href=\"#how\">How to Play<\/a><\/li>\n    <li><a href=\"#premium\">Premium<\/a><\/li>\n  <\/ul>\n  <div class=\"nav-lang\">\n    <span class=\"active\">JP<\/span>\n    <span style=\"color:var(--border2)\">|<\/span>\n    <span>EN<\/span>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<div class=\"hero\">\n  <div class=\"hero-grid\"><\/div>\n  <div class=\"hero-glow\"><\/div>\n  <div class=\"corner tl\"><\/div>\n  <div class=\"corner tr\"><\/div>\n  <div class=\"corner bl\"><\/div>\n  <div class=\"corner br\"><\/div>\n\n  <p class=\"hero-eyebrow\">Free Horror Escape Games<\/p>\n  <h1 class=\"hero-title\">\n    <span class=\"line1\">HORROR<\/span>\n    <span class=\"line2\">ESCAPE<\/span>\n  <\/h1>\n  <div class=\"hero-divider\">\n    <div class=\"hero-divider-line\"><\/div>\n    <div class=\"hero-divider-icon\">\u2726<\/div>\n    <div class=\"hero-divider-line\"><\/div>\n  <\/div>\n  <p class=\"hero-copy\">\n    \u6697\u95c7\u306e\u4e2d\u3067\u76ee\u304c\u899a\u3081\u308b\u3002<br>\n    \u3053\u3053\u304c\u3069\u3053\u304b\u3082\u3001\u81ea\u5206\u304c\u8ab0\u304b\u3082\u5206\u304b\u3089\u306a\u3044\u3002<br>\n    \u305f\u3060\u4e00\u3064\u78ba\u304b\u306a\u3053\u3068\u306f\u2015\u2015<strong style=\"color:var(--ash)\">\u8131\u51fa\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3002<\/strong>\n  <\/p>\n  <div class=\"hero-cta\">\n    <a href=\"#games\" class=\"btn-primary\"><span>\u4eca\u3059\u3050\u904a\u3076 \u2014 \u7121\u6599<\/span><\/a>\n    <a href=\"#how\" class=\"btn-secondary\">\u904a\u3073\u65b9\u3092\u898b\u308b<\/a>\n  <\/div>\n  <div class=\"scroll-hint\">SCROLL<\/div>\n<\/div>\n\n<!-- STATS -->\n<div class=\"stats-bar\">\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">5<\/span>\n    <span class=\"stat-label\">Free Games<\/span>\n  <\/div>\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">10+<\/span>\n    <span class=\"stat-label\">Total Rooms<\/span>\n  <\/div>\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">4<\/span>\n    <span class=\"stat-label\">Endings<\/span>\n  <\/div>\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">0\u5186<\/span>\n    <span class=\"stat-label\">To Start<\/span>\n  <\/div>\n<\/div>\n\n<!-- FEATURED -->\n<section id=\"games\">\n  <div class=\"section-header reveal\">\n    <span class=\"section-eyebrow\">Featured<\/span>\n    <h2 class=\"section-title\">\u6ce8\u76ee\u4f5c\u54c1<\/h2>\n    <div class=\"section-line\"><\/div>\n  <\/div>\n\n  <div class=\"featured-card reveal\">\n    <div class=\"featured-visual\">\n      <div class=\"featured-num\">01<\/div>\n      <div class=\"featured-icon\">\ud83c\udfe5<\/div>\n    <\/div>\n    <div class=\"featured-info\">\n      <div class=\"featured-badge\">\u2605 New Release \u00b7 Free<\/div>\n      <div class=\"featured-title\">\u5ec3\u75c5\u9662\u304b\u3089\u306e<br>\u8131\u51fa<\/div>\n      <div class=\"featured-sub\">\u2014 \u6d88\u3048\u305f\u8a18\u61b6 \u2014<\/div>\n      <p class=\"featured-desc\">\n        \u76ee\u304c\u899a\u3081\u305f\u3089\u3001\u5ec3\u75c5\u9662\u306b\u3044\u305f\u3002\u81ea\u5206\u304c\u8ab0\u304b\u3082\u5206\u304b\u3089\u306a\u3044\u3002\n        \u3067\u3082\u3001\u3053\u3053\u306b\u306f&#8221;\u4f55\u304b&#8221;\u304c\u3044\u308b\u2015\u2015\u8a18\u61b6\u3068\u771f\u5b9f\u3092\u6c42\u3081\u3066\u3001\u6697\u95c7\u306e\u4e2d\u3092\u9032\u3081\u3002\n      <\/p>\n      <div class=\"featured-tags\">\n        <span class=\"tag\">Horror<\/span>\n        <span class=\"tag\">Mystery<\/span>\n        <span class=\"tag\">10 Rooms<\/span>\n        <span class=\"tag\">4 Endings<\/span>\n      <\/div>\n      <a href=\"escape_room1.html\" class=\"btn-primary\" style=\"align-self:flex-start\"><span>Play Now \u2014 Free<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GAMES GRID -->\n<section style=\"padding-top:0\">\n  <div class=\"section-header reveal\">\n    <span class=\"section-eyebrow\">All Games<\/span>\n    <h2 class=\"section-title\">\u5168\u30b2\u30fc\u30e0\u4e00\u89a7<\/h2>\n    <div class=\"section-line\"><\/div>\n  <\/div>\n\n  <div class=\"games-grid\">\n    <!-- Game 1 -->\n    <a href=\"escape_room1.html\" class=\"game-card reveal\">\n      <div class=\"card-thumb thumb-hospital\">\n        <div class=\"card-icon\">\ud83c\udfe5<\/div>\n        <span class=\"badge badge-free\">Free<\/span>\n        <div class=\"card-diff\">\n          <div class=\"diff-dot filled\"><\/div>\n          <div class=\"diff-dot filled\"><\/div>\n          <div class=\"diff-dot\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-body\">\n        <div class=\"card-tag\">Horror \u00b7 Mystery<\/div>\n        <div class=\"card-title\">\u5ec3\u75c5\u9662\u304b\u3089\u306e\u8131\u51fa<\/div>\n        <p class=\"card-desc\">\u8a18\u61b6\u3092\u5931\u3063\u305f\u4e3b\u4eba\u516c\u304c\u5ec3\u75c5\u9662\u304b\u3089\u8131\u51fa\u3092\u8a66\u307f\u308b\u3002\u96a0\u3055\u308c\u305f\u771f\u5b9f\u3068\u306f\u2015\u2015<\/p>\n        <div class=\"card-meta\">\n          <span class=\"card-rooms\">10 ROOMS \u00b7 4 ENDINGS<\/span>\n          <span class=\"card-arrow\">\u2192<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- Game 2 -->\n    <div class=\"game-card reveal\" style=\"opacity:0.5;pointer-events:none;\">\n      <div class=\"card-thumb thumb-mansion\">\n        <div class=\"card-icon\">\ud83c\udfda\ufe0f<\/div>\n        <span class=\"badge badge-soon\">Coming Soon<\/span>\n        <div class=\"card-diff\">\n          <div class=\"diff-dot filled\"><\/div>\n          <div class=\"diff-dot filled\"><\/div>\n          <div class=\"diff-dot filled\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-body\">\n        <div class=\"card-tag\">Gothic \u00b7 Supernatural<\/div>\n        <div class=\"card-title\">\u546a\u308f\u308c\u305f\u6d0b\u9928<\/div>\n        <p class=\"card-desc\">\u767e\u5e74\u524d\u304b\u3089\u5c01\u5370\u3055\u308c\u305f\u6d0b\u9928\u3002\u6249\u3092\u958b\u3051\u305f\u77ac\u9593\u304b\u3089\u3001\u9003\u3052\u5834\u306f\u306a\u3044\u3002<\/p>\n        <div class=\"card-meta\">\n          <span class=\"card-rooms\">10 ROOMS \u00b7 MULTIPLE ENDS<\/span>\n          <span class=\"card-arrow\">\u2192<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Game 3 -->\n    <div class=\"game-card reveal\" style=\"opacity:0.5;pointer-events:none;\">\n      <div class=\"card-thumb thumb-deep\">\n        <div class=\"card-icon\">\ud83c\udf0a<\/div>\n        <span class=\"badge badge-soon\">Coming Soon<\/span>\n        <div class=\"card-diff\">\n          <div class=\"diff-dot filled\"><\/div>\n          <div class=\"diff-dot filled\"><\/div>\n          <div class=\"diff-dot filled\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-body\">\n        <div class=\"card-tag\">Sci-Fi \u00b7 Horror<\/div>\n        <div class=\"card-title\">\u6df1\u6d77\u7814\u7a76\u6240<\/div>\n        <p class=\"card-desc\">\u6df1\u6d773,000m\u306e\u7814\u7a76\u65bd\u8a2d\u3067\u7570\u5909\u304c\u8d77\u304d\u305f\u3002\u901a\u4fe1\u304c\u9014\u7d76\u3048\u3001\u6249\u304c\u958b\u304b\u306a\u3044\u3002<\/p>\n        <div class=\"card-meta\">\n          <span class=\"card-rooms\">10 ROOMS \u00b7 MULTIPLE ENDS<\/span>\n          <span class=\"card-arrow\">\u2192<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HOW TO PLAY -->\n<section id=\"how\">\n  <div class=\"section-header reveal\">\n    <span class=\"section-eyebrow\">How to Play<\/span>\n    <h2 class=\"section-title\">\u904a\u3073\u65b9<\/h2>\n    <div class=\"section-line\"><\/div>\n  <\/div>\n  <div class=\"how-grid\">\n    <div class=\"how-item reveal\" data-num=\"01\">\n      <div class=\"how-icon\">\ud83d\uddb1\ufe0f<\/div>\n      <div class=\"how-title\">Choose &#038; Click<\/div>\n      <p class=\"how-desc\">\u9078\u629e\u80a2\u3092\u9078\u3093\u3067\u90e8\u5c4b\u3092\u63a2\u7d22\u3002\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u4e0d\u8981\u3001\u30d6\u30e9\u30a6\u30b6\u3060\u3051\u3067\u904a\u3079\u308b\u3002<\/p>\n    <\/div>\n    <div class=\"how-item reveal\" data-num=\"02\">\n      <div class=\"how-icon\">\ud83d\udd0d<\/div>\n      <div class=\"how-title\">Solve Puzzles<\/div>\n      <p class=\"how-desc\">\u8b0e\u3092\u89e3\u3044\u3066\u30a2\u30a4\u30c6\u30e0\u3092\u96c6\u3081\u308b\u3002\u624b\u304c\u304b\u308a\u306f\u3059\u3079\u3066\u90e8\u5c4b\u306e\u4e2d\u306b\u96a0\u3055\u308c\u3066\u3044\u308b\u3002<\/p>\n    <\/div>\n    <div class=\"how-item reveal\" data-num=\"03\">\n      <div class=\"how-icon\">\ud83d\udeaa<\/div>\n      <div class=\"how-title\">Find the Truth<\/div>\n      <p class=\"how-desc\">\u3042\u306a\u305f\u306e\u9078\u629e\u304c\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u5909\u3048\u308b\u3002\u3059\u3079\u3066\u306e\u771f\u5b9f\u3092\u66b4\u304f\u3053\u3068\u304c\u3067\u304d\u308b\u304b\uff1f<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PREMIUM CTA -->\n<section id=\"premium\" style=\"padding-top:0\">\n  <div class=\"reveal\" style=\"background:var(--surface);border:1px solid var(--border2);padding:60px;text-align:center;position:relative;overflow:hidden;\">\n    <div style=\"position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(139,0,0,0.08) 0%,transparent 60%);pointer-events:none;\"><\/div>\n    <div style=\"position:relative;z-index:1;\">\n      <p style=\"font-family:'Space Mono',monospace;font-size:9px;letter-spacing:0.35em;color:var(--blood2);text-transform:uppercase;margin-bottom:16px;\">Premium<\/p>\n      <h2 style=\"font-family:'Cinzel',serif;font-size:clamp(24px,4vw,40px);font-weight:900;color:var(--white);letter-spacing:0.1em;margin-bottom:16px;\">\u771f\u5b9f\u306e\u5148\u3078<\/h2>\n      <p style=\"font-size:14px;line-height:2;color:var(--ash2);letter-spacing:0.06em;max-width:420px;margin:0 auto 32px;\">\n        \u7121\u65995\u90e8\u5c4b\u3067\u306f\u7d42\u308f\u3089\u306a\u3044\u3002\u6709\u6599\u7248\u3067\u306f\u5b8c\u5168\u306a\u30b9\u30c8\u30fc\u30ea\u30fc\u3068\u3001\u885d\u6483\u306eSECRET ENDING\u304c\u89e3\u653e\u3055\u308c\u308b\u3002\n      <\/p>\n      <a href=\"#\" class=\"btn-primary\"><span>\u6709\u6599\u7248\u3092\u898b\u308b<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-logo\">HORROR<span>.<\/span>ESCAPE<\/div>\n  <div class=\"footer-links\">\n    <a href=\"#\">Privacy<\/a>\n    <a href=\"#\">Terms<\/a>\n    <a href=\"#\">Contact<\/a>\n  <\/div>\n  <div class=\"footer-copy\">\u00a9 2025 HORROR-ESCAPE.COM \u2014 ALL RIGHTS RESERVED<\/div>\n<\/footer>\n\n<script>\n\/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u30ea\u30d3\u30fc\u30eb\nconst reveals = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach((e, i) => {\n    if (e.isIntersecting) {\n      setTimeout(() => e.target.classList.add('visible'), i * 80);\n    }\n  });\n}, { threshold: 0.1 });\nreveals.forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HORROR ESCAPE \u2014 Free Online Horror Escape Games HORROR.ESCAPE Games How to Play Premium JP | EN Free Horror Es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/horror-escape.site\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/horror-escape.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/horror-escape.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/horror-escape.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/horror-escape.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":3,"href":"https:\/\/horror-escape.site\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/horror-escape.site\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/horror-escape.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}