:root{
  /* カスタマイズしやすい変数 */
  --bg: #000;               /* 背景色 */
  --text: #fff;             /* ロゴの薄めのグレー */
  --muted: #fff;            /* 補助テキスト色 */
  --accent: #cfcfcf;           /* 強調（必要なら使用） */
  --max-width: 1100px;
  --brand-font: "Cinzel", Georgia, "Times New Roman", serif;
  --ui-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* ページ全体リセット（簡易） */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family: var(--ui-font);
  background:var(--bg);
  color:var(--muted);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* 中央揃えのレイアウト */
.page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
}

/* コンテンツ幅を制限 */
.shell{
  width:100%;
  max-width:var(--max-width);
  text-align:center;
  margin-inline:auto;
  padding:20px;
}

/* ブランド（ロゴ） */
.brand{
  display:inline-block;
  text-decoration:none;
  color:var(--text);
  margin-bottom:28px;
}

/* 画像ロゴ（使う場合） */
.logo-img{
	margin-top: 120px;
	margin-bottom: 120px;
  max-width:100%;
  height:60px;
  object-fit:contain;
}

h1{ line-height:30px;
	font-size: 1.1rem;
	letter-spacing: 0.12em;
}

/* LIMITED を少し強調（行内の strong） */
.logo-text strong{
  font-weight:700;
  letter-spacing:0.2em;
}

/* 工事中メッセージ */
.notice{
	line-height:20px;
  color:#9B9B9B;
	letter-spacing: 0.1em;
  margin-top:30px;
  opacity:0.92;
  font-family:var(--ui-font);
	 font-size:12px;
}

/* コピーライトを下に小さく配置 */
.copyright{
color: #BDBDBD;
  margin-top:80px;
  font-size:10px;
  opacity:0.9;
}

/* レスポンシブ微調整 */
@media (min-width:900px){
  .logo-text{ font-size:56px; letter-spacing:0.45em; }
  .notice{ font-size:12px; }
  .copyright{ margin-top:72px; font-size:10px; }
}

@media (max-width:420px){
  .logo-text{ font-size:24px; letter-spacing:0.25em; }
  .logo-img{ max-height:80px; }
  .notice{ font-size:12px; }
  .copyright{ margin-top:100px; font-size:10px; }
}