/* アプリ紹介テンプレート。トップ（Coming soon）と同じ白地・黒線。
   見出しは Zen Kaku Gothic New の Black（900）、本文は Zen Kaku Gothic New（14px・行間 1.6・字間を詰める）。
   上下の帯だけ Ult Pixel 8（いずれも無料・契約不要のフォント） */
@font-face{font-family:"Ult Pixel 8";src:url("../fonts/ult_pixel_8.ttf?v=1.2") format("truetype");font-display:swap}
@font-face{font-family:"Ult Pixel 8 Mono";src:url("../fonts/ult_pixel_8_mono.ttf?v=1.2") format("truetype");font-display:swap}
/* 美咲ゴシック第2 (Copyright (C) 2002-2021 Num Kadoma, fonts/misaki.txt)。日本語の文字だけに使い、英数字は Ult Pixel 8 のまま */
@font-face{font-family:"Misaki Gothic 2nd";src:url("../fonts/misaki_gothic_2nd.ttf?v=2.19") format("truetype");font-display:swap;unicode-range:U+3000-30FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
*{box-sizing:border-box}
html,body{margin:0}
body.app-landing{background:#fff;color:#000;font-family:"Zen Kaku Gothic New",sans-serif;font-size:14px;line-height:1.6;letter-spacing:0;font-feature-settings:"palt"}
a{color:#000}a:hover{background:#000;color:#71f341;text-decoration:none}
.uw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.uw-skip{position:absolute;left:-9999px}.uw-skip:focus{left:8px;top:8px;z-index:9;background:#000;color:#71f341;padding:8px}
.al-brand{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:2px solid #000}
.al-brand a{flex:none;display:block}.al-brand a:hover{background:none}
.al-brand img{width:48px;height:48px;image-rendering:pixelated;display:block}
.al-brand p{margin:0}
.al-brand p,.al-footer{font-family:"Ult Pixel 8","Misaki Gothic 2nd",ui-monospace,monospace;letter-spacing:0;word-spacing:0;font-kerning:none;-webkit-font-smoothing:none}
.al-head h1,.al-page h2{font-weight:900;letter-spacing:.01em}
.al-page h3{font-weight:700}

.al-table th,.al-table td{padding:6px 10px}
.al-page{max-width:800px;margin:0 auto;padding:48px 24px 24px}
.al-page img{max-width:100%;height:auto;display:block}
.al-lang{text-align:right;margin:-24px 0 16px;font-size:13px}
.al-head{display:flex;gap:20px;align-items:center;margin-bottom:24px}
.al-head>div{display:flex;flex-direction:column;gap:6px}
/* アイコンの画像は四方に約 1 割の透明な余白があるので、その分を負のマージンで打ち消して絵の部分で並べる */
.al-icon{width:112px;height:112px;margin:-11px;flex:none;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5))}
.al-head h1{font-size:40px;line-height:1;margin:0;font-family:"Ult Pixel 8","Misaki Gothic 2nd",ui-monospace,monospace;font-weight:400;letter-spacing:0;font-kerning:none;-webkit-font-smoothing:none;margin-bottom:-5px;color:#5455ed}
/* Ult Pixel 8 は字の下に 1/8 の余白があるので、その分を詰める（上の margin-bottom:-5px） */
.al-head p{margin:0;font-size:16px;line-height:1.4;font-weight:700}
.al-page h2{font-size:24px;line-height:1.3;font-weight:900;margin:48px 0 12px;padding-top:24px;border-top:2px solid #000}
.al-page h3{font-size:14px;font-weight:900;margin:28px 0 4px;display:inline-block;background:#000;color:#fff;padding:0 8px}
.al-page p{margin:0 0 12px}
.al-page ul{margin:0 0 16px;padding-left:0;list-style:none}
.al-page li{position:relative;padding-left:20px;margin:2px 0}
.al-page li:before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;background:#000}
.al-figure{margin:16px 0}
.al-figure figcaption{font-size:13px;margin-top:8px}
.al-table{width:100%;border-collapse:collapse;margin:16px 0;border:1px solid #999}
.al-table th,.al-table td{padding:8px 12px;border:1px solid #999;text-align:left;vertical-align:top;font-weight:400}
.al-table thead th{background:#ececec;color:#000;font-weight:700}
.al-table tbody th{background:#f7f7f7;font-weight:700}
.al-table thead th:empty{background:#fff}
.al-specs{display:grid;grid-template-columns:180px 1fr;gap:4px 20px;margin:16px 0}
.al-specs dt:before{content:"> "}
.al-specs dd{margin:0}
.al-footer{max-width:none;margin:48px 0 0;padding:16px 24px;border-top:2px solid #000;font-size:8px;text-transform:uppercase}
@media (max-width:640px){
 .al-page{padding:32px 16px 16px}
 .al-icon{width:80px;height:80px;margin:-8px}
 .al-head{gap:14px}.al-head>div{gap:4px}
 .al-head h1{margin-bottom:-3px}
 .al-head p{font-size:14px}
 .al-head h1{font-size:24px}
 .al-page h2{font-size:20px;margin-top:36px}
 .al-specs{grid-template-columns:1fr;gap:0}.al-specs dd{margin-bottom:12px}
 .al-table th,.al-table td{padding:6px 8px}
}