{"id":123,"date":"2026-03-20T19:13:51","date_gmt":"2026-03-20T10:13:51","guid":{"rendered":"https:\/\/kumasele.jp\/dantai\/?page_id=123"},"modified":"2026-04-22T12:17:31","modified_gmt":"2026-04-22T03:17:31","slug":"123-2","status":"publish","type":"page","link":"https:\/\/kumasele.jp\/dantai\/?page_id=123","title":{"rendered":"BLACKOUT"},"content":{"rendered":"\n<style>\n  :root {\n    --fire: #e8830a; --ember: #c24a00; --gold: #d4a832;\n    --blood: #8b0000; --smoke: #1a1612; --ash: #2d2520;\n    --paper: #f0e8d8; --gray: #888070;\n  }\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  .hero { position: relative; text-align: center; padding: 60px 20px 40px; background: radial-gradient(ellipse at top, #3d2000 0%, var(--smoke) 70%); border-bottom: 1px solid #3d2000; overflow: hidden; }\n  .hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--fire), var(--gold), var(--fire), transparent); }\n  .tagline { font-family: 'Oswald', sans-serif; font-weight: 300; letter-spacing: 0.4em; font-size: 0.7rem; color: var(--gray); text-transform: uppercase; margin-bottom: 12px; }\n  .bo-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(4rem, 15vw, 9rem); letter-spacing: 0.05em; line-height: 0.9; background: linear-gradient(160deg, #fff 0%, var(--gold) 40%, var(--fire) 70%, var(--ember) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n  .subtitle { font-family: 'Oswald', sans-serif; font-weight: 300; letter-spacing: 0.3em; font-size: 0.75rem; color: var(--gray); margin-top: 8px; }\n  .event-info { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 32px; }\n  .info-block { padding: 12px 24px; border-right: 1px solid #3d2000; text-align: center; }\n  .info-block:last-child { border-right: none; }\n  .info-label { font-family: 'Oswald', sans-serif; font-size: 0.55rem; letter-spacing: 0.3em; color: var(--fire); text-transform: uppercase; display: block; margin-bottom: 4px; }\n  .info-value { font-family: 'Noto Serif JP', serif; font-size: 0.85rem; font-weight: 700; color: var(--paper); }\n  .bo-container { max-width: 700px; margin: 0 auto; padding: 50px 20px 80px; background: var(--smoke); }\n  .bo-section-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.2em; color: var(--fire); margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }\n  .bo-section-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, #3d2000, transparent); }\n  .ticket-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 40px; }\n\n  \/* \u5168\u30c1\u30b1\u30c3\u30c8\u5b8c\u58f2\u30b9\u30bf\u30a4\u30eb *\/\n  .ticket-card-soldout { position: relative; opacity: 0.65; }\n  .ticket-card-soldout input[type=\"radio\"] { position: absolute; opacity: 0; width: 0; }\n  .ticket-label-soldout {\n    display: block; padding: 20px; border: 1px solid #5a1010;\n    background: var(--ash); cursor: not-allowed; position: relative; overflow: hidden;\n  }\n  .ticket-label-soldout::before {\n    content: '';\n    position: absolute; inset: 0;\n    background: repeating-linear-gradient(\n      -45deg, transparent, transparent 7px,\n      rgba(139,0,0,0.12) 7px, rgba(139,0,0,0.12) 14px\n    );\n    pointer-events: none;\n  }\n  .soldout-overlay {\n    position: absolute; inset: 0;\n    display: flex; align-items: center; justify-content: center;\n    flex-direction: column; gap: 2px;\n    background: rgba(20,10,10,0.6);\n  }\n  .soldout-text {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 2.4rem;\n    letter-spacing: 0.12em;\n    color: #fff;\n    line-height: 1;\n    text-shadow: 0 0 24px rgba(180,0,0,1), 0 2px 6px rgba(0,0,0,0.9);\n  }\n  .soldout-sub {\n    font-family: 'Oswald', sans-serif;\n    font-size: 0.58rem;\n    letter-spacing: 0.4em;\n    color: #ff9999;\n    text-transform: uppercase;\n  }\n  .ticket-type { font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; letter-spacing: 0.15em; color: var(--gold); display: block; margin-bottom: 4px; }\n  .ticket-price { font-family: 'Oswald', sans-serif; font-size: 1.8rem; font-weight: 600; color: var(--paper); }\n  .ticket-note { font-size: 0.65rem; color: var(--fire); margin-top: 6px; display: block; }\n\n  .bo-notice { margin-top: 20px; padding: 16px 20px; border-left: 3px solid var(--blood); background: rgba(139,0,0,0.1); font-size: 0.75rem; color: var(--gray); line-height: 1.8; }\n  .bo-notice strong { color: var(--fire); font-size: 0.7rem; letter-spacing: 0.2em; font-family: 'Oswald', sans-serif; text-transform: uppercase; display: block; margin-bottom: 6px; }\n\n  \/* \u5b8c\u58f2\u30d0\u30ca\u30fc *\/\n  .soldout-banner {\n    text-align: center;\n    padding: 32px 20px;\n    border: 1px solid #5a1010;\n    background: rgba(139,0,0,0.08);\n    margin-bottom: 8px;\n  }\n  .soldout-banner-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 2.8rem;\n    letter-spacing: 0.2em;\n    color: #fff;\n    text-shadow: 0 0 32px rgba(180,0,0,0.8);\n    margin-bottom: 8px;\n  }\n  .soldout-banner-sub {\n    font-family: 'Oswald', sans-serif;\n    font-size: 0.75rem;\n    letter-spacing: 0.4em;\n    color: #ff9999;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 480px) {\n    .info-block { padding: 10px 14px; border-right: none; border-bottom: 1px solid #3d2000; }\n    .info-block:last-child { border-bottom: none; }\n  }\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Noto+Serif+JP:wght@400;700&#038;family=Oswald:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"hero\">\n  <div class=\"tagline\">A Dark City Noir \u00b7 Produced by Yuya Shirakawa<\/div>\n  <div class=\"bo-title\">BLACKOUT<\/div>\n  <div class=\"subtitle\">\u4e0a\u6620\u4f1a \u00b7 \u30c1\u30b1\u30c3\u30c8\u4e88\u7d04<\/div>\n  <div class=\"event-info\">\n    <div class=\"info-block\"><span class=\"info-label\">\u65e5\u7a0b<\/span><span class=\"info-value\">5\u670824\u65e5\uff08\u65e5\uff09<\/span><\/div>\n    <div class=\"info-block\"><span class=\"info-label\">\u4f1a\u5834<\/span><span class=\"info-value\">\u718a\u672cDenkikan<\/span><\/div>\n    <div class=\"info-block\"><span class=\"info-label\">\u958b\u5834<\/span><span class=\"info-value\">18:00<\/span><\/div>\n    <div class=\"info-block\"><span class=\"info-label\">\u653e\u6620<\/span><span class=\"info-value\">18:30\u301c20:00<\/span><\/div>\n    <div class=\"info-block\"><span class=\"info-label\">\u821e\u53f0\u6328\u62f6<\/span><span class=\"info-value\">20:10\u301c<\/span><\/div>\n    <div class=\"info-block\"><span class=\"info-label\">\u7d42\u4e86<\/span><span class=\"info-value\">20:30\u4e88\u5b9a<\/span><\/div>\n  <\/div>\n<\/div>\n\n<div class=\"bo-container\">\n  <div class=\"soldout-banner\">\n    <div class=\"soldout-banner-title\">SOLD OUT<\/div>\n    <div class=\"soldout-banner-sub\">\u5168\u30c1\u30b1\u30c3\u30c8\u5b8c\u58f2\u5fa1\u793c \u00b7 Thank you for your support<\/div>\n  <\/div>\n\n  <div class=\"bo-section-title\">\u30c1\u30b1\u30c3\u30c8<\/div>\n  <div class=\"ticket-grid\">\n\n    <!-- VIP \u5b8c\u58f2 -->\n    <div class=\"ticket-card-soldout\">\n      <input type=\"radio\" name=\"bo_ticket\" id=\"bo_vip\" value=\"VIP\" disabled>\n      <label class=\"ticket-label-soldout\" for=\"bo_vip\">\n        <span class=\"ticket-type\">VIP<\/span>\n        <div class=\"ticket-price\">\u00a54,000<\/div>\n        <span class=\"ticket-note\">DVD\u30fb\u30b5\u30a4\u30f3\u30fb\u30dd\u30b9\u30bf\u30fc\u4ed8\u304d<\/span>\n        <div class=\"soldout-overlay\">\n          <div class=\"soldout-text\">SOLD OUT<\/div>\n          <div class=\"soldout-sub\">\u5b8c\u58f2\u5fa1\u793c<\/div>\n        <\/div>\n      <\/label>\n    <\/div>\n\n    <!-- \u524d\u58f2\u308a \u5b8c\u58f2 -->\n    <div class=\"ticket-card-soldout\">\n      <input type=\"radio\" name=\"bo_ticket\" id=\"bo_presale\" value=\"\u524d\u58f2\u308a\" disabled>\n      <label class=\"ticket-label-soldout\" for=\"bo_presale\">\n        <span class=\"ticket-type\">\u524d\u58f2\u308a<\/span>\n        <div class=\"ticket-price\">\u00a51,500<\/div>\n        <span class=\"ticket-note\">\u4e8b\u524d\u3054\u8cfc\u5165<\/span>\n        <div class=\"soldout-overlay\">\n          <div class=\"soldout-text\">SOLD OUT<\/div>\n          <div class=\"soldout-sub\">\u5b8c\u58f2\u5fa1\u793c<\/div>\n        <\/div>\n      <\/label>\n    <\/div>\n\n    <!-- \u5f53\u65e5 \u5b8c\u58f2 -->\n    <div class=\"ticket-card-soldout\">\n      <input type=\"radio\" name=\"bo_ticket\" id=\"bo_door\" value=\"\u5f53\u65e5\" disabled>\n      <label class=\"ticket-label-soldout\" for=\"bo_door\">\n        <span class=\"ticket-type\">\u5f53\u65e5<\/span>\n        <div class=\"ticket-price\">\u00a52,000<\/div>\n        <span class=\"ticket-note\">\u5f53\u65e5\u4f1a\u5834\u306b\u3066<\/span>\n        <div class=\"soldout-overlay\">\n          <div class=\"soldout-text\">SOLD OUT<\/div>\n          <div class=\"soldout-sub\">\u5b8c\u58f2\u5fa1\u793c<\/div>\n        <\/div>\n      <\/label>\n    <\/div>\n  <\/div>\n\n  <div class=\"bo-notice\">\n    <strong>\u304a\u77e5\u3089\u305b<\/strong>\n    \u30fb\u8aa0\u306b\u6709\u96e3\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u5168\u30c1\u30b1\u30c3\u30c8\u5b8c\u58f2\u3068\u306a\u308a\u307e\u3057\u305f\u3002<br>\n    \u30fb5\u670824\u65e5\uff08\u65e5\uff09\u3001\u718a\u672cDenkikan\u306b\u3066\u3054\u6765\u5834\u3092\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\u3002<br>\n    \u30fb\u4f1a\u5834\u5b9a\u54e1\uff1a96\u5e2d\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A Dark City Noir \u00b7 Produced by Yuya Shirakawa BLACKOUT \u4e0a\u6620\u4f1a \u00b7 \u30c1\u30b1\u30c3\u30c8\u4e88\u7d04 \u65e5\u7a0b5\u670824\u65e5\uff08\u65e5\uff09 \u4f1a\u5834\u718a\u672cDenkikan \u958b\u583418:00 \u653e\u662018:30\u301c20 [&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-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=123"}],"version-history":[{"count":5,"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=\/wp\/v2\/pages\/123\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/kumasele.jp\/dantai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}