/* ============================================================
   またたき — 共有スタイル（1999〜2001様式・軽量・スマホ対応）
   全ページ共通。当時の crude なレトロ造り（タイル背景・ベベル枠・
   でかいmarquee・blink・LEDカウンター）を維持しつつ、視認性を確保。
   ============================================================ */
*{box-sizing:border-box;}
body{
  background-color:#000033;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23000033'/%3E%3Ctext x='3' y='12' font-size='9' fill='%23ffee66'%3E%E2%98%86%3C/text%3E%3Ctext x='24' y='30' font-size='7' fill='%2399ccff'%3E%E2%9C%A6%3C/text%3E%3C/svg%3E");
  color:#ffffff;
  font-family:"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
  font-size:14px;line-height:1.7;margin:0;text-align:center;padding:8px;
  -webkit-text-size-adjust:100%;
}
a{color:#ffff00;}
a:hover{color:#ff66ff;background-color:#333399;}
a:visited{color:#99ccff;}
img{max-width:100%;height:auto;}
.wrap{max-width:940px;margin:0 auto;}

/* 見出し */
.title{font-family:"ＭＳ Ｐ明朝",serif;font-size:34px;color:#ffee33;font-weight:bold;letter-spacing:4px;text-shadow:2px 2px 0 #660066;margin:8px 0 0;}
.title a{color:#ffee33;text-decoration:none;}.title a:hover{background:none;color:#fff;}
.subtitle{color:#ff99ff;font-size:12px;margin:2px 0 8px;}
hr.retro{border:0;height:2px;color:#ffcc00;background:#ffcc00;margin:6px 0;}

/* パンくず/戻り */
.crumb{font-size:12px;color:#b9c6ee;text-align:left;margin:4px 0;}
.crumb a{color:#ffee66;}

/* メニュー */
.menu{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;}
.menu a{background:#3333aa;border:2px outset #6666ff;padding:3px 7px;font-size:12px;white-space:nowrap;color:#fff;text-decoration:none;}
.menu a:hover{background:#4444cc;color:#ffff88;}
.menu a.here{background:#cc0000;border-color:#ff6666;color:#ffff66;}

/* 2カラム */
.cols{display:flex;flex-wrap:wrap;gap:10px;text-align:left;}
.main{flex:2 1 300px;min-width:0;}
.side{flex:1 1 190px;min-width:0;}

/* ボックス */
.box{border:2px ridge #9999ff;background:#000044;padding:8px;font-size:13px;line-height:1.7;margin-bottom:10px;text-align:left;}
.boxhead{background:#cc0000;color:#ffff00;font-weight:bold;padding:2px 6px;border:1px solid #ffff00;text-align:left;}
.boxhead.c{text-align:center;}

/* 記事本文 */
.article{font-size:13.5px;line-height:1.85;}
.article h3{color:#ffdd44;font-size:15px;border-bottom:1px dashed #6666cc;margin:14px 0 6px;}
.article p{margin:6px 0;}
.article ul{margin:6px 0;padding-left:1.4em;}
.article li{margin:3px 0;}
.article .q{color:#aaffcc;}
.lead{color:#ffffff;}

/* カウンター */
.counter{display:inline-block;background:#000;border:2px solid #00ff00;color:#00ff00;font-family:"Courier New",monospace;font-size:16px;letter-spacing:3px;padding:2px 6px;}

/* 効果 */
.blink{animation:bk 1s steps(1) infinite;}
@keyframes bk{50%{opacity:.15;}}
.new{color:#ff5252;font-weight:bold;}
.small{font-size:12px;color:#b9c6ee;}

/* ジャンルカード */
.genre{display:flex;flex-wrap:wrap;gap:6px;}
.gcard{flex:1 1 130px;border:2px groove #8888dd;background:#001155;padding:6px;text-decoration:none;color:#fff;display:block;}
.gcard:hover{background:#002288;}
.gcard b{color:#ffdd44;}
.gcard .small{color:#bcd;}

/* バナー */
.btnlink,.banner{border:1px solid #fff;}

/* リスト（更新履歴・りんく等） */
.list{list-style:none;margin:0;padding:0;}
.list li{border-bottom:1px dotted #4a4a8a;padding:4px 2px;}
.dt{color:#8fa4dd;font-family:"Courier New",monospace;margin-right:6px;}

/* テーブル（かーどのデッキ等） */
table.data{border-collapse:collapse;width:100%;font-size:12.5px;}
table.data th,table.data td{border:1px solid #5a5aaa;padding:3px 6px;text-align:left;}
table.data th{background:#222266;color:#ffdd66;}

/* フッタ */
.footer{border-top:2px solid #ffcc00;margin-top:12px;padding-top:8px;text-align:center;color:#b9c6ee;font-size:12px;line-height:1.9;}
.footer a{color:#ffee66;}
.footer .env{color:#7787b8;}

/* 工事中 */
.const{border:2px ridge #ffaa00;background:#221800;color:#ffcc66;padding:14px;text-align:center;font-size:14px;line-height:1.9;}
.const .big{font-size:20px;color:#ffdd44;}

/* ============================================================
   レトロ装飾（8〜16bit風・data-URI/CSSで軽量）
   ============================================================ */
/* 虹色ピクセル区切り（当時の rainbow rule 風）。※floatを解除する役目も兼ねる */
.pixbar{height:8px;margin:10px 0;border:0;clear:both;image-rendering:pixelated;
  background:repeating-linear-gradient(90deg,#ff2a2a 0 8px,#ff9a20 8px 16px,#ffe920 16px 24px,#26c94a 24px 32px,#25a8ff 32px 40px,#4a4aff 40px 48px,#c74aff 48px 56px);}

/* レトロ"ゲーム画面"（自作ドット絵）をCRTモニタ枠に入れて表示 */
.crt{float:right;width:172px;margin:2px 0 8px 14px;padding:8px 8px 12px;
  background:linear-gradient(#3c3c44,#22222a);border:2px outset #6a6a76;border-radius:5px;
  box-shadow:0 2px 5px rgba(0,0,0,.5);}
.crt .screen{display:block;width:100%;height:117px;border:2px inset #0a0a0a;background-color:#000;
  background-size:cover;background-position:center;image-rendering:pixelated;}
.crt .cap{display:block;text-align:center;font-size:10px;color:#9fe0b0;margin-top:3px;font-family:"Courier New",monospace;}
.crt::after{content:"";display:block;width:6px;height:6px;border-radius:50%;
  background:#33ff66;box-shadow:0 0 4px #33ff66;margin:4px 3px 0 auto;}
.shot-rpg{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='48' shape-rendering='crispEdges'><rect width='64' height='48' fill='%234a9a3a'/><rect x='27' width='10' height='48' fill='%23d9b47a'/><rect x='5' y='22' width='5' height='11' fill='%237a4a20'/><rect x='2' y='12' width='11' height='12' fill='%232a7a2a'/><rect x='53' y='24' width='5' height='10' fill='%237a4a20'/><rect x='49' y='14' width='12' height='12' fill='%232a7a2a'/><rect x='28' y='21' width='8' height='9' fill='%23d94a4a'/><rect x='29' y='14' width='6' height='7' fill='%23f0c090'/><rect x='28' y='12' width='8' height='3' fill='%23cccccc'/><rect x='45' y='31' width='9' height='6' fill='%234a7aff'/><rect x='47' y='33' width='1' height='1' fill='%23fff'/><rect x='51' y='33' width='1' height='1' fill='%23fff'/></svg>");}
.shot-action{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='48' shape-rendering='crispEdges'><rect width='64' height='48' fill='%235aa0f0'/><rect y='40' width='64' height='8' fill='%238a5a2a'/><rect y='40' width='64' height='2' fill='%233aaa3a'/><rect x='36' y='26' width='20' height='4' fill='%238a5a2a'/><rect x='38' y='6' width='14' height='4' fill='%23ffffff'/><rect x='42' y='2' width='8' height='4' fill='%23ffffff'/><rect x='12' y='30' width='8' height='10' fill='%23e04a4a'/><rect x='13' y='26' width='6' height='4' fill='%23f0c090'/><rect x='44' y='18' width='4' height='4' fill='%23ffd21f'/></svg>");}
.shot-battle{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='48' shape-rendering='crispEdges'><rect width='64' height='48' fill='%23101830'/><rect y='33' width='64' height='6' fill='%230a2a1a'/><rect x='11' y='20' width='7' height='11' fill='%234a7aff'/><rect x='12' y='15' width='5' height='5' fill='%23f0c090'/><rect x='42' y='18' width='11' height='11' fill='%23a040c0'/><rect x='44' y='21' width='2' height='2' fill='%23fff'/><rect x='49' y='21' width='2' height='2' fill='%23fff'/><rect x='4' y='40' width='56' height='7' fill='%23ffffff'/><rect x='7' y='42' width='11' height='1' fill='%23335577'/><rect x='7' y='44' width='7' height='1' fill='%23335577'/></svg>");}
.shot-title{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='48'><rect width='64' height='48' fill='%23101038'/><rect x='8' y='6' width='1' height='1' fill='%23fff'/><rect x='54' y='10' width='1' height='1' fill='%23fff'/><rect x='40' y='4' width='1' height='1' fill='%23fff'/><polygon points='20,7 22.5,15 31,15 24,20 26.5,28 20,23 13.5,28 16,20 9,15 17.5,15' fill='%23ffe94a' stroke='%23c08a00'/><text x='40' y='40' font-size='7' fill='%23ffffff' text-anchor='middle' font-family='monospace'>START</text></svg>");}
.shot-shooter{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='48' shape-rendering='crispEdges'><rect width='64' height='48' fill='%2305051a'/><rect x='8' y='6' width='1' height='1' fill='%23fff'/><rect x='20' y='14' width='1' height='1' fill='%23fff'/><rect x='50' y='8' width='1' height='1' fill='%23fff'/><rect x='40' y='24' width='1' height='1' fill='%23fff'/><rect x='44' y='8' width='8' height='4' fill='%23ff44aa'/><rect x='33' y='24' width='2' height='4' fill='%23ffee00'/><rect x='28' y='36' width='8' height='4' fill='%23cccccc'/><rect x='30' y='32' width='4' height='4' fill='%2388aaff'/><rect x='26' y='38' width='2' height='4' fill='%23ff8800'/><rect x='36' y='38' width='2' height='4' fill='%23ff8800'/></svg>");}
.shot-fight{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='48' shape-rendering='crispEdges'><rect width='64' height='48' fill='%23d98a3a'/><rect y='40' width='64' height='8' fill='%237a4a20'/><rect x='16' y='22' width='8' height='18' fill='%234a7aff'/><rect x='17' y='17' width='6' height='5' fill='%23f0c090'/><rect x='40' y='22' width='8' height='18' fill='%23e04a4a'/><rect x='41' y='17' width='6' height='5' fill='%23f0c090'/><rect x='24' y='28' width='16' height='3' fill='%23ffffff'/></svg>");}

/* ドット絵アイコン（インライン） */
.ic{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:5px;
  background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;}
.ic-game{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='5' width='14' height='7' rx='1' fill='%23c23127'/><rect x='4' y='6' width='1' height='5' fill='%23111'/><rect x='2' y='8' width='5' height='1' fill='%23111'/><rect x='10' y='7' width='2' height='2' fill='%23ffd21f'/><rect x='12' y='9' width='2' height='2' fill='%23ffd21f'/></svg>");}
.ic-anime{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='5' width='12' height='9' fill='%23555'/><rect x='3' y='6' width='10' height='7' fill='%2340c0e0'/><rect x='6' y='2' width='1' height='4' fill='%23aaa'/><rect x='9' y='2' width='1' height='4' fill='%23aaa'/></svg>");}
.ic-card{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='4' width='8' height='10' fill='%23ffdd55' stroke='%23111'/><rect x='6' y='3' width='8' height='10' fill='%23ff8ab0' stroke='%23111'/></svg>");}
.ic-diary{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='2' width='6' height='11' fill='%23ffd21f'/><rect x='3' y='12' width='6' height='2' fill='%23f2a900'/><rect x='3' y='13' width='6' height='2' fill='%23333'/><rect x='4' y='14' width='4' height='1' fill='%23e8b0a0'/></svg>");}
.ic-star{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><polygon points='8,1 10,6 15,6 11,9 13,15 8,11 3,15 5,9 1,6 6,6' fill='%23ffe94a' stroke='%23c08a00'/></svg>");}

/* NEW! バッジ（ドット絵GIF風） */
.newbadge{display:inline-block;width:36px;height:16px;vertical-align:-3px;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='16'><rect width='36' height='16' rx='2' fill='%23e00020'/><rect x='1' y='1' width='34' height='14' rx='2' fill='none' stroke='%23ffe94a'/><text x='18' y='12' font-size='10' font-family='sans-serif' font-weight='bold' fill='%23ffe94a' text-anchor='middle'>NEW!</text></svg>") no-repeat center/contain;}

/* マスコット（またたきアイコン＝精細イラスト版・星＋本＋コントローラ） */
.mascot{display:inline-block;width:52px;height:52px;vertical-align:middle;image-rendering:auto;
  background:url("/apple-touch-icon.png") no-repeat center/contain;
  filter:drop-shadow(0 0 6px rgba(120,90,220,.5));}

/* 見出しにドット星を添える版 */
.boxhead.deco::before{content:"";display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:-1px;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><polygon points='6,0 7.5,4.5 12,4.5 8,7 9.5,12 6,9 2.5,12 4,7 0,4.5 4.5,4.5' fill='%23ffe94a'/></svg>") no-repeat center/contain;}

/* 高精細版ゲーム画面（96x72・ゲーム別に描き分け。後勝ちで上書き） */
.shot-action{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='72' shape-rendering='crispEdges'><rect width='96' height='72' fill='%236ab0ff'/><rect x='10' y='8' width='16' height='5' fill='%23fff'/><rect x='14' y='5' width='9' height='4' fill='%23fff'/><rect x='64' y='12' width='16' height='5' fill='%23fff'/><rect x='0' y='52' width='38' height='12' fill='%233aaa3a'/><rect x='54' y='54' width='42' height='10' fill='%233aaa3a'/><rect x='0' y='60' width='96' height='12' fill='%23b5651d'/><rect x='0' y='60' width='96' height='3' fill='%234ac24a'/><rect x='40' y='32' width='10' height='10' fill='%23c8802a' stroke='%23000'/><rect x='52' y='32' width='10' height='10' fill='%23f2b800' stroke='%23000'/><text x='57' y='40' font-size='8' fill='%237a4a00' text-anchor='middle' font-family='monospace'>?</text><rect x='78' y='46' width='14' height='14' fill='%232a9a3a'/><rect x='76' y='43' width='18' height='4' fill='%2337b84a'/><rect x='48' y='20' width='6' height='6' rx='3' fill='%23ffe94a' stroke='%23b8860b'/><rect x='20' y='48' width='9' height='10' fill='%23d83a2a'/><rect x='21' y='42' width='7' height='6' fill='%23f0c090'/><rect x='20' y='40' width='9' height='3' fill='%23d83a2a'/><rect x='60' y='53' width='9' height='7' fill='%238a3a10'/><rect x='62' y='55' width='1' height='1' fill='%23fff'/><rect x='66' y='55' width='1' height='1' fill='%23fff'/></svg>");}
.shot-rpg{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='72' shape-rendering='crispEdges'><rect width='96' height='72' fill='%234a9a3a'/><rect y='0' width='96' height='12' fill='%232a6ad9'/><rect y='12' width='96' height='2' fill='%2355aaff'/><rect x='40' y='14' width='14' height='58' fill='%23d9b47a'/><rect x='60' y='18' width='8' height='12' fill='%23cfd0d8'/><rect x='74' y='18' width='8' height='12' fill='%23cfd0d8'/><rect x='60' y='24' width='22' height='8' fill='%23b8bac4'/><rect x='63' y='12' width='2' height='5' fill='%23d83a2a'/><rect x='8' y='30' width='6' height='10' fill='%237a4a20'/><rect x='4' y='20' width='14' height='12' fill='%232a7a2a'/><rect x='82' y='46' width='6' height='10' fill='%237a4a20'/><rect x='78' y='38' width='14' height='10' fill='%232a7a2a'/><rect x='43' y='44' width='8' height='9' fill='%234a7aff'/><rect x='44' y='38' width='6' height='6' fill='%23f0c090'/><rect x='51' y='42' width='1' height='8' fill='%23dddddd'/><rect x='60' y='52' width='10' height='7' fill='%2333cc66'/><rect x='62' y='54' width='1' height='1' fill='%23fff'/><rect x='67' y='54' width='1' height='1' fill='%23fff'/><rect x='20' y='58' width='3' height='3' fill='%23ff5555'/><rect x='30' y='62' width='3' height='3' fill='%23ffee55'/></svg>");}
.shot-battle{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='72' shape-rendering='crispEdges'><rect width='96' height='72' fill='%23101830'/><rect y='28' width='96' height='10' fill='%231a2a4a'/><rect x='8' y='14' width='26' height='24' fill='%237a30a0'/><rect x='10' y='10' width='4' height='5' fill='%235a2080'/><rect x='28' y='10' width='4' height='5' fill='%235a2080'/><rect x='13' y='20' width='4' height='3' fill='%23ffee00'/><rect x='25' y='20' width='4' height='3' fill='%23ffee00'/><rect x='14' y='30' width='14' height='3' fill='%23300000'/><rect x='62' y='26' width='7' height='12' fill='%234a7aff'/><rect x='63' y='22' width='5' height='4' fill='%23f0c090'/><rect x='72' y='30' width='7' height='12' fill='%232ab04a'/><rect x='73' y='26' width='5' height='4' fill='%23f0c090'/><rect x='82' y='24' width='7' height='12' fill='%23d83a2a'/><rect x='83' y='20' width='5' height='4' fill='%23f0c090'/><rect x='3' y='50' width='48' height='20' fill='%23ffffff'/><rect x='3' y='50' width='48' height='20' fill='none' stroke='%23204080'/><rect x='7' y='54' width='16' height='2' fill='%23335577'/><rect x='7' y='58' width='12' height='2' fill='%23335577'/><rect x='7' y='62' width='14' height='2' fill='%23335577'/><rect x='28' y='54' width='16' height='2' fill='%23335577'/><rect x='28' y='58' width='10' height='2' fill='%23335577'/><rect x='55' y='50' width='38' height='20' fill='%23ffffff'/><rect x='55' y='50' width='38' height='20' fill='none' stroke='%23204080'/><rect x='58' y='55' width='32' height='2' fill='%232ac24a'/><rect x='58' y='60' width='24' height='2' fill='%232a8aff'/><rect x='58' y='64' width='28' height='2' fill='%232ac24a'/></svg>");}
.shot-dungeon{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='72' shape-rendering='crispEdges'><rect width='96' height='72' fill='%236a6a5a'/><rect y='18' width='96' height='1' fill='%23585848'/><rect y='30' width='96' height='1' fill='%23585848'/><rect y='42' width='96' height='1' fill='%23585848'/><rect y='54' width='96' height='1' fill='%23585848'/><rect width='96' height='8' fill='%233a3a30'/><rect y='64' width='96' height='8' fill='%233a3a30'/><rect width='8' height='72' fill='%233a3a30'/><rect x='88' width='8' height='72' fill='%233a3a30'/><rect x='42' width='12' height='8' fill='%23140f0a'/><rect x='44' y='34' width='8' height='9' fill='%232a9a3a'/><rect x='45' y='29' width='6' height='5' fill='%23f0c090'/><rect x='44' y='27' width='8' height='3' fill='%232a9a3a'/><rect x='68' y='44' width='14' height='9' fill='%23b5651d'/><rect x='68' y='41' width='14' height='4' fill='%238a4a12'/><rect x='74' y='46' width='2' height='3' fill='%23f2b800'/><rect x='18' y='46' width='8' height='11' fill='%23c88a4a'/><rect x='18' y='44' width='8' height='3' fill='%238a5a2a'/><rect x='30' y='18' width='9' height='6' fill='%23a04040'/><rect x='27' y='19' width='3' height='3' fill='%23702828'/><rect x='39' y='19' width='3' height='3' fill='%23702828'/><rect x='58' y='24' width='4' height='6' fill='%232ae06a'/></svg>");}
.shot-title{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='72'><rect width='96' height='72' fill='%23101038'/><rect width='96' height='34' fill='%23201858'/><rect x='8' y='6' width='1' height='1' fill='%23fff'/><rect x='30' y='4' width='1' height='1' fill='%23fff'/><rect x='60' y='8' width='1' height='1' fill='%23fff'/><rect x='84' y='5' width='1' height='1' fill='%23fff'/><rect x='48' y='12' width='1' height='1' fill='%23fff'/><rect x='70' y='10' width='8' height='8' rx='4' fill='%23ffeecc'/><rect x='0' y='52' width='96' height='20' fill='%230a0a1a'/><polygon points='0,52 20,38 40,52' fill='%23141428'/><polygon points='30,52 55,34 80,52' fill='%23141428'/><polygon points='60,52 82,40 96,52' fill='%23141428'/><polygon points='30,16 34,27 46,27 36,34 40,46 30,38 20,46 24,34 14,27 26,27' fill='%23ffe94a' stroke='%23c08a00'/><text x='48' y='64' font-size='7' fill='%23ffffff' text-anchor='middle' font-family='monospace'>PUSH START</text></svg>");}

/* 実物の箱絵サムネ（レビュー引用・出典表記付き） */
.boxart{float:right;width:190px;margin:2px 0 8px 16px;padding:6px 6px 4px;
  background:#1a1a1a;border:3px ridge #8a8a8a;box-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center;}
.boxart img{display:block;width:100%;height:auto;border:1px solid #000;}
.boxart .cap{display:block;font-size:11px;color:#9aa4b8;margin-top:4px;font-family:"Courier New",monospace;}
@media screen and (max-width:520px){.boxart{width:150px;}}
@media screen and (max-width:400px){.boxart{float:none;width:72%;margin:8px auto 12px;}}

/* AA（アスキーアート）／顔文字 */
.aa{font-family:"ＭＳ ゴシック","MS Gothic","Osaka-Mono",monospace;white-space:pre;overflow-x:auto;
  text-align:left;line-height:1.15;font-size:12px;color:#e8e8e8;background:#000;
  border:2px inset #6666ff;padding:8px;margin:8px 0;}
.kao{text-align:left;font-size:15px;line-height:2.1;color:#ffffff;}
.kao b{color:#ffee66;}

/* Flash風アニメ（自作・CSSのみ） */
@keyframes fla-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-22px);}}
.fla-bounce{display:inline-block;animation:fla-bounce .9s ease-in-out infinite;}
@keyframes fla-spin{to{transform:rotate(360deg);}}
.fla-spin{display:inline-block;animation:fla-spin 3s linear infinite;}
@keyframes fla-hue{to{filter:hue-rotate(360deg);}}
.fla-hue{animation:fla-hue 4s linear infinite;}
.toybox{border:2px ridge #ffcc00;background:#000022;padding:14px;margin:10px 0;text-align:center;min-height:90px;}
.retrobtn{font-family:inherit;font-size:14px;padding:3px 12px;background:#3333aa;color:#fff;
  border:2px outset #6666ff;cursor:pointer;}
.retrobtn:hover{background:#4444cc;color:#ffff88;}

/* スマホ */
@media screen and (max-width:520px){
  body{font-size:14px;padding:6px;}
  .title{font-size:28px;letter-spacing:2px;}
}
@media screen and (max-width:400px){
  .crt{float:none;width:70%;margin:6px auto 10px;}
}

/* ============================================================
   またたきビル v3 — ネオンの街（夜景＋サーチライト）×黒い館内のビル
   （末尾で全体を上書き。消せば明るい版に戻る）
   ・背景＝遠景のネオン街並み＋下から斜め上へ伸びるサーチライト
   ・中央＝黒い館内のビル（レンガ柱／各フロアを覗く造り）
   ============================================================ */

/* ── 背景：夜空（光害でにじむ紫の地平） ── */
body{
  color:#f0eee6;
  background:
    radial-gradient(120% 80% at 50% 118%, rgba(150,44,140,.40), rgba(150,44,140,0) 60%),
    linear-gradient(180deg,#060420 0%,#0d0940 42%,#170f5c 72%,#221563 100%);
}
html,body{overflow-x:hidden;}

/* ── サーチライト：下（中央）から斜め上へ伸びる光芒（body::before・最背面） ── */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='600' viewBox='0 0 1000 600' preserveAspectRatio='xMidYMax slice'><defs><linearGradient id='bm' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='%23e6f0ff' stop-opacity='.55'/><stop offset='1' stop-color='%23e6f0ff' stop-opacity='0'/></linearGradient><filter id='bl' x='-20%25' y='-20%25' width='140%25' height='140%25'><feGaussianBlur stdDeviation='10'/></filter></defs><g filter='url(%23bl)'><polygon points='472,600 514,600 300,20 140,20' fill='url(%23bm)'/><polygon points='486,600 528,600 862,20 702,20' fill='url(%23bm)'/><polygon points='480,600 520,600 560,20 440,20' fill='url(%23bm)' opacity='.5'/></g></svg>") no-repeat center bottom/cover;
  animation:beam-sway 6s ease-in-out infinite alternate;
}
@keyframes beam-sway{from{opacity:.55;}to{opacity:.82;}}

/* ── ネオンの街並み：遠景ビル群＋灯り＋ネオン看板（body::after・最下部に敷く） ── */
body::after{
  content:"";position:fixed;left:0;right:0;bottom:0;height:224px;z-index:0;pointer-events:none;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='224' viewBox='0 0 480 224'><g shape-rendering='crispEdges'><rect x='0' y='96' width='60' height='128' fill='%230c0a26'/><rect x='60' y='44' width='42' height='180' fill='%230a0820'/><rect x='102' y='120' width='52' height='104' fill='%230e0b2c'/><rect x='150' y='72' width='46' height='152' fill='%230b0924'/><rect x='196' y='30' width='72' height='194' fill='%23100c30'/><rect x='268' y='110' width='40' height='114' fill='%230a0820'/><rect x='308' y='60' width='58' height='164' fill='%230d0a28'/><rect x='366' y='130' width='50' height='94' fill='%230b0924'/><rect x='416' y='86' width='64' height='138' fill='%230f0b2e'/><rect x='230' y='12' width='3' height='18' fill='%23241a3a'/><circle cx='231' cy='12' r='2.6' fill='%23ff3b3b'/></g><g fill='%23ffd27a'><rect x='10' y='106' width='5' height='7'/><rect x='24' y='106' width='5' height='7'/><rect x='38' y='122' width='5' height='7'/><rect x='10' y='140' width='5' height='7'/><rect x='38' y='156' width='5' height='7'/><rect x='24' y='186' width='5' height='7'/><rect x='68' y='54' width='5' height='7'/><rect x='86' y='54' width='5' height='7'/><rect x='68' y='76' width='5' height='7'/><rect x='88' y='100' width='5' height='7'/><rect x='70' y='126' width='5' height='7'/><rect x='86' y='156' width='5' height='7'/><rect x='74' y='188' width='5' height='7'/><rect x='110' y='128' width='5' height='7'/><rect x='128' y='128' width='5' height='7'/><rect x='140' y='152' width='5' height='7'/><rect x='112' y='176' width='5' height='7'/><rect x='158' y='82' width='5' height='7'/><rect x='176' y='82' width='5' height='7'/><rect x='160' y='108' width='5' height='7'/><rect x='180' y='134' width='5' height='7'/><rect x='164' y='170' width='5' height='7'/><rect x='206' y='42' width='5' height='7'/><rect x='224' y='42' width='5' height='7'/><rect x='244' y='42' width='5' height='7'/><rect x='206' y='68' width='5' height='7'/><rect x='244' y='94' width='5' height='7'/><rect x='224' y='120' width='5' height='7'/><rect x='206' y='150' width='5' height='7'/><rect x='248' y='180' width='5' height='7'/><rect x='276' y='120' width='5' height='7'/><rect x='292' y='120' width='5' height='7'/><rect x='276' y='154' width='5' height='7'/><rect x='294' y='190' width='5' height='7'/><rect x='316' y='72' width='5' height='7'/><rect x='334' y='72' width='5' height='7'/><rect x='352' y='98' width='5' height='7'/><rect x='318' y='124' width='5' height='7'/><rect x='346' y='158' width='5' height='7'/><rect x='320' y='190' width='5' height='7'/><rect x='374' y='140' width='5' height='7'/><rect x='392' y='140' width='5' height='7'/><rect x='374' y='176' width='5' height='7'/><rect x='424' y='98' width='5' height='7'/><rect x='442' y='98' width='5' height='7'/><rect x='462' y='124' width='5' height='7'/><rect x='426' y='156' width='5' height='7'/><rect x='454' y='190' width='5' height='7'/></g><g fill='%237fe0ff'><rect x='24' y='122' width='5' height='7'/><rect x='84' y='142' width='5' height='7'/><rect x='122' y='152' width='5' height='7'/><rect x='176' y='150' width='5' height='7'/><rect x='224' y='68' width='5' height='7'/><rect x='244' y='146' width='5' height='7'/><rect x='292' y='154' width='5' height='7'/><rect x='334' y='120' width='5' height='7'/><rect x='392' y='176' width='5' height='7'/><rect x='442' y='152' width='5' height='7'/><rect x='206' y='114' width='5' height='7'/><rect x='160' y='132' width='5' height='7'/><rect x='74' y='100' width='5' height='7'/></g><g><rect x='249' y='58' width='11' height='58' fill='%23ff3aa0'/><rect x='247' y='56' width='15' height='62' fill='%23ff3aa0' opacity='.28'/><rect x='104' y='132' width='46' height='7' fill='%2335e0ff'/><rect x='103' y='131' width='48' height='9' fill='%2335e0ff' opacity='.3'/><rect x='325' y='78' width='8' height='40' fill='%23ff4d4d'/><rect x='323' y='76' width='12' height='44' fill='%23ff4d4d' opacity='.28'/></g></svg>") repeat-x center bottom/480px 224px;
  filter:drop-shadow(0 0 3px rgba(255,210,120,.5));
}

/* ── ビル：黒い館内（各フロアを覗く造り）＋ 左右のベージュ・レンガ柱 ── */
.wrap{
  position:relative;z-index:1;
  padding:0 48px 20px;
  background:
    radial-gradient(135% 52% at 50% -4%, rgba(96,64,30,.32), rgba(96,64,30,0) 62%),
    repeating-linear-gradient(0deg, rgba(255,255,255,0) 0 74px, rgba(150,138,110,.055) 74px 76px, rgba(0,0,0,.28) 76px 78px),
    linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.05)),
    #08080c;
  box-shadow:inset 0 0 70px rgba(0,0,0,.9), 0 0 34px rgba(0,0,0,.75), 0 0 60px rgba(120,40,120,.25);
}
.wrap::before,.wrap::after{
  content:"";position:absolute;top:0;bottom:0;z-index:0;
  --light:linear-gradient(90deg, rgba(0,0,0,.38), rgba(255,255,255,.14) 45%, rgba(0,0,0,.45));
  --brick:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='46' height='34' shape-rendering='crispEdges'><rect width='46' height='34' fill='%237a6238'/><rect x='1' y='1' width='21' height='15' fill='%23d6c084'/><rect x='1' y='1' width='21' height='2' fill='%23ecd8a0'/><rect x='1' y='13' width='21' height='3' fill='%23ab9256'/><rect x='24' y='1' width='21' height='15' fill='%23cdb87a'/><rect x='24' y='1' width='21' height='2' fill='%23e2cd94'/><rect x='24' y='13' width='21' height='3' fill='%23a48c50'/><rect x='-9' y='18' width='20' height='15' fill='%23d2bc80'/><rect x='-9' y='18' width='20' height='2' fill='%23e8d49c'/><rect x='-9' y='30' width='20' height='3' fill='%23a89056'/><rect x='13' y='18' width='21' height='15' fill='%23d6c084'/><rect x='13' y='18' width='21' height='2' fill='%23ecd8a0'/><rect x='13' y='30' width='21' height='3' fill='%23ab9256'/><rect x='36' y='18' width='18' height='15' fill='%23cdb87a'/><rect x='36' y='18' width='18' height='2' fill='%23e2cd94'/><rect x='36' y='30' width='18' height='3' fill='%23a48c50'/></svg>");
  --proj-l:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='112' height='340' viewBox='0 0 112 340'><defs><filter id='pl' x='-40%25' y='-40%25' width='180%25' height='180%25'><feGaussianBlur stdDeviation='2'/></filter></defs><g fill='%23555'><rect x='94' y='84' width='18' height='8'/><rect x='106' y='78' width='4' height='20'/><rect x='94' y='220' width='18' height='10'/><rect x='106' y='214' width='4' height='22'/></g><rect x='54' y='8' width='40' height='166' rx='4' fill='%23130610' stroke='%23ff3aa0' stroke-width='2'/><rect x='57' y='11' width='34' height='160' rx='3' fill='none' stroke='%23ff8ac8' stroke-width='.6' opacity='.5'/><g font-family='sans-serif' font-size='19' font-weight='bold' text-anchor='middle'><g fill='%23ff6cc0' filter='url(%23pl)'><text x='74' y='44'>ま</text><text x='74' y='82'>た</text><text x='74' y='120'>た</text><text x='74' y='158'>き</text></g><g fill='%23fff2fb'><text x='74' y='44'>ま</text><text x='74' y='82'>た</text><text x='74' y='120'>た</text><text x='74' y='158'>き</text></g></g><rect x='6' y='198' width='88' height='52' rx='4' fill='%23140708' stroke='%23ff4040' stroke-width='2'/><g font-family='sans-serif' font-size='25' font-weight='bold' text-anchor='middle'><text x='50' y='233' fill='%23ff6a6a' filter='url(%23pl)'>広告</text><text x='50' y='233' fill='%23fff0f0'>広告</text></g></svg>");
  --proj-r:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='112' height='340' viewBox='0 0 112 340'><defs><filter id='pr' x='-40%25' y='-40%25' width='180%25' height='180%25'><feGaussianBlur stdDeviation='2'/></filter></defs><g fill='%23555'><rect x='0' y='26' width='18' height='8'/><rect x='2' y='20' width='4' height='20'/><rect x='0' y='138' width='18' height='8'/><rect x='2' y='132' width='4' height='20'/><rect x='0' y='250' width='16' height='8'/><rect x='2' y='244' width='4' height='20'/></g><rect x='18' y='8' width='88' height='48' rx='4' fill='%23061014' stroke='%2335e0ff' stroke-width='2'/><g font-family='sans-serif' font-size='25' font-weight='bold' text-anchor='middle'><text x='62' y='41' fill='%234fd8ff' filter='url(%23pr)'>ＰＲ</text><text x='62' y='41' fill='%23eafcff'>ＰＲ</text></g><rect x='18' y='120' width='88' height='48' rx='4' fill='%23141002' stroke='%23ffd21f' stroke-width='2'/><g font-family='sans-serif' font-size='24' font-weight='bold' text-anchor='middle'><text x='62' y='152' fill='%23ffe45a' filter='url(%23pr)'>特売</text><text x='62' y='152' fill='%23fffbe0'>特売</text></g><rect x='14' y='232' width='92' height='46' rx='4' fill='%230d0616' stroke='%23b072ff' stroke-width='2'/><g font-family='sans-serif' font-size='18' font-weight='bold' text-anchor='middle'><text x='60' y='261' fill='%23c79aff' filter='url(%23pr)'>ＯＰＥＮ</text><text x='60' y='261' fill='%23f3ecff'>ＯＰＥＮ</text></g></svg>");
  background-repeat:no-repeat, no-repeat, repeat-y;
}
/* 外壁に香港式の突き出しネオン看板（建物の外へせり出す・PC向け広告枠） */
.wrap::before{left:-116px;width:162px;box-shadow:inset -3px 0 6px rgba(0,0,0,.6);
  background-image:var(--proj-l), var(--light), var(--brick);
  background-position:left 4px top 92px, right top, right top;
  background-size:112px auto, 46px 100%, 46px 34px;}
.wrap::after{right:-116px;width:162px;box-shadow:inset 3px 0 6px rgba(0,0,0,.6);
  background-image:var(--proj-r), var(--light), var(--brick);
  background-position:right 4px top 92px, left top, left top;
  background-size:112px auto, 46px 100%, 46px 34px;}
.wrap > *{position:relative;z-index:1;}

a{color:#8fd0ff;}
a:hover{color:#d6f0ff;background:transparent;}
a:visited{color:#b8a6ff;}

/* ── 上の白い横断幕＝サイト名（丸電飾つき） ── */
.title{
  position:relative;z-index:2;
  margin:26px -48px 30px;padding:24px 22px 22px;
  color:#33240c;letter-spacing:4px;
  font-family:"ＭＳ Ｐ明朝","MS PMincho",serif;
  text-shadow:0 1px 0 rgba(255,255,255,.9), 0 2px 2px rgba(120,90,40,.32);
  background:
    radial-gradient(140% 92% at 50% -12%, rgba(255,255,255,.8), rgba(255,255,255,0) 55%),
    linear-gradient(#fdfaf1, #efe6d0 55%, #e3d7ba);
  border:0;border-radius:9px;
  box-shadow:
    inset 0 0 0 3px #6f5219,       /* 濃い真鍮の縁 */
    inset 0 0 0 6px #ecc964,       /* 金 */
    inset 0 0 0 9px #b58f38,       /* 金の陰 */
    inset 0 5px 13px rgba(255,255,255,.7),
    inset 0 -12px 26px rgba(120,90,40,.16),
    0 7px 18px rgba(0,0,0,.6);
}
/* ── 四辺をぐるり囲む電飾（走る豆電球・劇場マーキー風） ── */
.title::before{
  content:"";position:absolute;z-index:-1;
  top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:15px;
  background-image:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='18'><defs><radialGradient id='r' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fff2f2'/><stop offset='.45' stop-color='%23ff3030'/><stop offset='1' stop-color='%23990c0c'/></radialGradient><radialGradient id='y' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fffbe0'/><stop offset='.45' stop-color='%23ffdc1e'/><stop offset='1' stop-color='%23a08009'/></radialGradient></defs><circle cx='9' cy='9' r='8' fill='%23ff3030' opacity='.30'/><circle cx='9' cy='9' r='5.4' fill='url(%23r)'/><circle cx='7' cy='7' r='1.5' fill='%23fff' opacity='.85'/><circle cx='27' cy='9' r='8' fill='%23ffdc1e' opacity='.30'/><circle cx='27' cy='9' r='5.4' fill='url(%23y)'/><circle cx='25' cy='7' r='1.5' fill='%23fff' opacity='.85'/></svg>"),
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='18'><defs><radialGradient id='r' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fff2f2'/><stop offset='.45' stop-color='%23ff3030'/><stop offset='1' stop-color='%23990c0c'/></radialGradient><radialGradient id='y' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fffbe0'/><stop offset='.45' stop-color='%23ffdc1e'/><stop offset='1' stop-color='%23a08009'/></radialGradient></defs><circle cx='9' cy='9' r='8' fill='%23ffdc1e' opacity='.30'/><circle cx='9' cy='9' r='5.4' fill='url(%23y)'/><circle cx='7' cy='7' r='1.5' fill='%23fff' opacity='.85'/><circle cx='27' cy='9' r='8' fill='%23ff3030' opacity='.30'/><circle cx='27' cy='9' r='5.4' fill='url(%23r)'/><circle cx='25' cy='7' r='1.5' fill='%23fff' opacity='.85'/></svg>"),
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='36'><defs><radialGradient id='r' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fff2f2'/><stop offset='.45' stop-color='%23ff3030'/><stop offset='1' stop-color='%23990c0c'/></radialGradient><radialGradient id='y' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fffbe0'/><stop offset='.45' stop-color='%23ffdc1e'/><stop offset='1' stop-color='%23a08009'/></radialGradient></defs><circle cx='9' cy='9' r='8' fill='%23ff3030' opacity='.30'/><circle cx='9' cy='9' r='5.4' fill='url(%23r)'/><circle cx='7' cy='7' r='1.5' fill='%23fff' opacity='.85'/><circle cx='9' cy='27' r='8' fill='%23ffdc1e' opacity='.30'/><circle cx='9' cy='27' r='5.4' fill='url(%23y)'/><circle cx='7' cy='25' r='1.5' fill='%23fff' opacity='.85'/></svg>"),
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='36'><defs><radialGradient id='r' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fff2f2'/><stop offset='.45' stop-color='%23ff3030'/><stop offset='1' stop-color='%23990c0c'/></radialGradient><radialGradient id='y' cx='38%25' cy='32%25' r='72%25'><stop offset='0' stop-color='%23fffbe0'/><stop offset='.45' stop-color='%23ffdc1e'/><stop offset='1' stop-color='%23a08009'/></radialGradient></defs><circle cx='9' cy='9' r='8' fill='%23ffdc1e' opacity='.30'/><circle cx='9' cy='9' r='5.4' fill='url(%23y)'/><circle cx='7' cy='7' r='1.5' fill='%23fff' opacity='.85'/><circle cx='9' cy='27' r='8' fill='%23ff3030' opacity='.30'/><circle cx='9' cy='27' r='5.4' fill='url(%23r)'/><circle cx='7' cy='25' r='1.5' fill='%23fff' opacity='.85'/></svg>");
  background-repeat:repeat-x, repeat-x, repeat-y, repeat-y;
  background-position:0 0, 0 100%, 0 0, 100% 0;
  background-size:36px 18px, 36px 18px, 18px 36px, 18px 36px;
  filter:drop-shadow(0 0 3px rgba(255,170,60,.5)) drop-shadow(0 0 6px rgba(255,60,60,.28));
  animation:bulb-blink 1s infinite;
}
/* 電球はその場でチカチカ点滅（移動しない） */
@keyframes bulb-blink{0%,44%{opacity:1;}50%,94%{opacity:.34;}100%{opacity:1;}}
.title a{color:#33240c;}
/* ── 突き出し看板（ネオン・右上） ── */
.title::after{
  content:"営業中";position:absolute;z-index:3;top:-16px;right:-4px;
  font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:12px;letter-spacing:2px;
  color:#fff;padding:3px 8px 4px;border-radius:3px;
  background:linear-gradient(#180820,#0c0512);
  border:1.5px solid #ff4aa8;
  text-shadow:0 0 5px #ff8ac8,0 0 10px #ff2a90;
  box-shadow:0 0 9px rgba(255,60,160,.6), inset 0 0 6px rgba(255,120,190,.35), 0 3px 5px rgba(0,0,0,.5);
  animation:sign-flick 3.3s infinite steps(1);
}
@keyframes sign-flick{0%,96%,100%{opacity:1;}97%{opacity:.5;}98%{opacity:.85;}}
.subtitle{color:#ffe27a;text-align:center;text-shadow:0 0 6px rgba(255,200,60,.5);}

/* ── フロア間の床スラブ＝暗赤（館内の幅いっぱい） ── */
hr.retro{height:12px;border:0;margin:14px 0;
  background:linear-gradient(#c8283a,#8a1420 45%,#480a12);
  box-shadow:inset 0 2px 0 rgba(255,150,150,.55),inset 0 -3px 5px rgba(0,0,0,.65),0 0 7px rgba(255,40,70,.45);}
.crumb{color:#a9d0ff;}

/* ── メニュー＝電飾看板 ── */
.menu a{background:#111;border:1px solid #444;color:#ffd24a;
  text-shadow:0 0 5px rgba(255,190,60,.8);box-shadow:0 0 4px rgba(255,180,40,.3);}
.menu a:hover{color:#fff;border-color:#ff5a5a;box-shadow:0 0 8px rgba(255,60,60,.6);}
.menu a.here{background:#3a0a0a;color:#ff6a6a;border-color:#ff5a5a;box-shadow:0 0 10px rgba(255,50,50,.7);}

/* ── フロアの内容＝黒い館内に白文字（箱は透明化） ── */
.box{background:transparent;border:0;color:#f0eee6;box-shadow:none;padding:6px 4px 12px;}
.box a{color:#8fd0ff;}
.lead{color:#f4f2ea;}
.article .q{color:#ffcf8a;}

/* ── 見出し＝フロア名 ── */
.boxhead{background:transparent;border:0;color:#ffe27a;font-size:17px;letter-spacing:2px;
  text-shadow:0 0 8px rgba(255,200,60,.45);border-bottom:2px solid #8a1420;padding:3px 2px;
  font-family:"ＭＳ Ｐ明朝","MS PMincho",serif;}
.boxhead.c{text-align:center;}
/* boxhead/title を h1・h2 にしても見た目を変えない（意味付けのみ） */
h1.boxhead,h2.boxhead{margin:0;font-size:17px;line-height:1.3;}
h1.title{margin:26px -48px 30px;}
.article h3{color:#ffd24a;border-bottom:1px dashed #444;
  font-family:"ＭＳ Ｐ明朝","MS PMincho",serif;}

/* ── カウンター＝ネオン管 ── */
.counter{background:#000;border:2px solid #ff2a2a;color:#ffe22a;
  text-shadow:0 0 6px rgba(255,220,40,.9);box-shadow:0 0 8px rgba(255,40,40,.5);}
.new{color:#ff6a4a;}
.small{color:#b8b2a0;}

/* ── ビル内の広告看板（ネオン枠のビルボード） ── */
.banner{border:1.5px solid #35c8ff;border-radius:3px;box-shadow:0 0 8px rgba(40,180,255,.45);}
.adslot{margin:12px 0;text-align:center;clear:both;}
.adslot .adbil{display:inline-block;max-width:100%;padding:7px 7px 5px;border-radius:5px;
  background:linear-gradient(#170a1f,#0b0613);
  border:1.5px solid #35c8ff;
  box-shadow:0 0 11px rgba(40,180,255,.5), inset 0 0 9px rgba(40,180,255,.22);}
.adslot .adbil img{display:block;max-width:100%;height:auto;border:1px solid #000;}
.adslot .adcap{display:block;font-size:10px;color:#8fdcff;margin-top:4px;letter-spacing:2px;
  text-shadow:0 0 5px rgba(60,190,255,.75);}

/* ── コンテンツカード（黒館内の小部屋） ── */
.gcard{border:1px solid #555;background:#161616;color:#f0eee6;}
.gcard:hover{background:#232323;}
.gcard b{color:#ffd24a;}
.gcard .small{color:#b8b2a0;}

.list li{border-bottom:1px dotted #444;}
.dt{color:#8fd0ff;}
table.data th{background:#3a0a0a;color:#ffd24a;border-color:#555;}
table.data td{border-color:#555;color:#f0eee6;background:#161616;}

.footer{border-top:9px solid #7a1018;color:#b8b2a0;}
.footer a{color:#8fd0ff;}
.footer .env{color:#8a8470;}
.const{background:transparent;border:2px solid #8a1420;color:#f0eee6;}
.const .big{color:#ffd24a;}

/* ── 罫→赤黄ネオンライン ── */
.pixbar{height:3px;border-radius:2px;image-rendering:auto;margin:10px 0;
  background:linear-gradient(90deg,#ff2a2a,#ffe22a,#ff2a2a,#ffe22a);
  box-shadow:0 0 6px rgba(255,120,40,.6);}

/* 装飾 */
.mascot{width:42px;height:42px;filter:drop-shadow(0 0 5px rgba(120,90,220,.55));}
.ic{filter:none;}
.newbadge{filter:none;}
.toybox{border:2px solid #8a1420;background:#000;color:#f0eee6;}
.retrobtn{background:#111;border:1px solid #555;color:#ffd24a;text-shadow:0 0 4px rgba(255,190,60,.7);}
.retrobtn:hover{color:#fff;}
.aa{background:#000;border:2px solid #8a1420;color:#bfe8d0;}
.kao{color:#f0eee6;}
.kao b{color:#ffd24a;}

/* ── PC：横に広く（縦長を緩和）。読み物は行長を抑えて可読性キープ ── */
.cols{gap:16px;}
.box.article{max-width:760px;margin-left:auto;margin-right:auto;}
/* 記事の見出し・区切りも本文と同じ幅に揃える */
.article > h3, .article > .pixbar{max-width:760px;margin-left:auto;margin-right:auto;}

/* 中くらいのPC/タブレット幅：突き出し看板は場所がないので柱を建物内に戻す（横スクロール防止） */
@media screen and (max-width:1200px){
  .wrap::before,.wrap::after{
    background-image:var(--light), var(--brick);
    background-repeat:no-repeat, repeat-y;
    background-position:center top, center top;
    background-size:100% 100%, 46px 34px;}
  .wrap::before{left:0;width:46px;}
  .wrap::after{right:0;width:46px;}
}

/* スマホ：レンガ柱を細く・突き出し看板は内側に寄せる */
@media screen and (max-width:520px){
  .wrap{padding:0 24px 16px;}
  .wrap::before,.wrap::after{width:22px;
    background-image:var(--light), var(--brick);
    background-repeat:no-repeat, repeat-y;
    background-position:center top, center top;
    background-size:100% 100%, 22px 17px;}
  .wrap::before{left:0;}
  .wrap::after{right:0;}
  .title{margin:20px -24px 26px;padding:18px 14px 16px;}
  .title::before{top:-14px;left:-14px;right:-14px;bottom:-14px;}
  .title::after{top:-14px;right:2px;font-size:11px;letter-spacing:1px;padding:2px 6px 3px;}
  body::after{height:150px;background-size:360px 168px;}
}

/* ── 隠しコマンド（コナミ）の星の雨 ── */
@keyframes hoshiame{to{transform:translateY(112vh) rotate(360deg);opacity:.15;}}

/* ── キリ番のお祝い（TOP） ── */
.kiriban{border:3px double #ffd24a;background:linear-gradient(#3a0a0a,#1a0406);color:#ffe27a;
  text-align:center;padding:12px;margin:12px 0;border-radius:6px;font-size:15px;line-height:1.8;
  text-shadow:0 0 8px rgba(255,200,60,.85);box-shadow:0 0 16px rgba(255,180,40,.5);
  animation:kiri-flash 1s steps(1) infinite;}
.kiriban b{color:#fff;font-size:18px;letter-spacing:2px;}
.kiriban a{color:#8fd0ff;}
@keyframes kiri-flash{50%{border-color:#ff5a5a;box-shadow:0 0 22px rgba(255,80,80,.75);}}

/* ── 今日のレトロ（きょうは何の日）ウィジェット ── */
.today-news{background:linear-gradient(#10122a,#0a0b18)!important;border:2px ridge #4a5aa0!important;}
.tn-head{color:#ffe27a;font-weight:bold;letter-spacing:2px;text-align:center;
  text-shadow:0 0 8px rgba(255,200,60,.5);border-bottom:2px solid #7a1018;padding-bottom:4px;margin-bottom:6px;
  font-family:"ＭＳ Ｐ明朝","MS PMincho",serif;}
.tn-note{color:#9fb3e6;font-size:12px;margin:2px 0 4px;}
.tn-date{color:#7fe8ff;font-size:16px;font-weight:bold;letter-spacing:2px;margin:2px 0 6px;
  text-shadow:0 0 6px rgba(90,220,255,.6);}
.tn-list{list-style:none;margin:0;padding:0;}
.tn-list li{border-bottom:1px dotted #33447a;padding:5px 2px;line-height:1.7;}
.tn-list li:last-child{border-bottom:0;}
.tn-year{color:#ffd24a;font-family:"Courier New",monospace;font-weight:bold;margin-right:6px;}
.tn-ago{color:#ff8a5a;font-size:11px;font-weight:normal;}
.tn-cat{display:inline-block;background:#3a0a0a;color:#ffd24a;font-size:11px;border:1px solid #7a1018;
  border-radius:3px;padding:0 5px;margin-right:5px;vertical-align:1px;}
.tn-list b{color:#eaf0ff;}
.tn-body{color:#c3cde8;font-size:12.5px;}
.tn-more{text-align:right;margin:6px 0 0;}
.tn-more a{color:#8fd0ff;font-size:12px;}

/* ── こよみカレンダー ── */
.koyomi-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0;}
.koyomi-title{color:#ffe27a;font-size:18px;font-weight:bold;letter-spacing:2px;font-family:"ＭＳ Ｐ明朝","MS PMincho",serif;}
table.koyomi{border-collapse:collapse;width:100%;max-width:520px;margin:6px auto;font-size:13px;}
table.koyomi th{background:#222266;color:#cfe0ff;border:1px solid #3a3a6a;padding:4px 0;text-align:center;font-weight:normal;}
table.koyomi th.sun{color:#ff9a9a;} table.koyomi th.sat{color:#9ac0ff;}
table.koyomi td{border:1px solid #2a2a52;height:44px;width:14.28%;text-align:center;vertical-align:middle;background:#0b0d1c;color:#8a93b8;}
table.koyomi td.pad{background:transparent;border-color:#1a1a30;}
table.koyomi td.today{outline:2px solid #ffd24a;outline-offset:-2px;}
table.koyomi td.has{background:#141a3a;}
table.koyomi td.sel{background:#3a0a0a;}
table.koyomi td .dn{color:#5a6088;}
table.koyomi td a{display:block;height:100%;line-height:44px;color:#ffe27a;text-decoration:none;font-weight:bold;text-shadow:0 0 6px rgba(255,200,60,.4);}
table.koyomi td.has a:hover{background:#232a54;color:#fff;}
table.koyomi td .mk{color:#ff6cc0;font-size:9px;vertical-align:5px;margin-left:1px;}
@media screen and (max-width:520px){ table.koyomi td{height:36px;} table.koyomi td a{line-height:36px;} }