/* ----------------------------------------
   基本設定
---------------------------------------- */
body {
  margin: 0;
  font-family: "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  color: #fff;
  background-color: #000033;
  background-image: url("image/starblue_a.gif");
  background-repeat: repeat;
  background-attachment: fixed;
  line-height: 1.8;
}

/* スマホでは背景画像を非表示 */
@media (max-width: 768px) {
  body {
    background-image: none;
    background-color: #000033;
  }
}

/* ----------------------------------------
   レイアウト
---------------------------------------- */
main {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 40px;
}

hr {
  border: none;
  border-top: 1px solid #666;
  margin: 40px 0;
}

/* ----------------------------------------
   ヘッダー
---------------------------------------- */
.site-header {
  text-align: center;
  padding: 30px 0;
}

.site-header img {
  max-width: 100%;
  height: auto;
}

.title-logo {
  margin: 10px 0;
}

/* ----------------------------------------
   セクション共通
---------------------------------------- */
section {
  margin: 40px 0;
}

section p {
  margin: 10px 0;
}

/* ----------------------------------------
   更新情報
---------------------------------------- */
.update-info .updated,
.update-info .encoding {
  font-family: "Courier New", monospace;
  font-size: 0.9rem;
  color: #fafae1;
}

/* ----------------------------------------
   リンク注意書き
---------------------------------------- */
.link-notice a {
  color: #00ff40;
  text-decoration: underline;
}

/* ----------------------------------------
   カウンター
---------------------------------------- */
.counter img {
  vertical-align: middle;
}

/* ----------------------------------------
   リンクカード（色別）
---------------------------------------- */
.links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

@media (min-width: 700px) {
  .links {
    grid-template-columns: 1fr 1fr;
  }
}

.link-item {
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #444;
}

.link-item img {
  vertical-align: middle;
  margin-right: 8px;
}

.link-item a {
  color: #ffcc00;
  font-size: 1.2rem;
  text-decoration: none;
}

.link-item p {
  margin-left: 24px;
  font-size: 0.9rem;
  color: #fafae1;
}

/* 色別（必要なら後で調整可能） */
.red a { color: #ff8080; }
.white a { color: #ffffff; }
.blue a { color: #80c0ff; }
.yellow a { color: #ffe680; }
.green a { color: #80ff80; }

/* ----------------------------------------
   シンクロノトロン・福岡会・シェアページ・コラム
---------------------------------------- */
.link-item.synchro,
.link-item.fukuoka,
.link-item.share,
.link-item.column {
  margin: 40px 0;
}

.updated-badge {
  color: #ff0;
  margin-left: 10px;
  font-size: 0.9rem;
}

/* ----------------------------------------
   プロフィール
---------------------------------------- */
.profile {
  text-align: center;
}

.profile-icon {
  width: 50px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
}

.profile a {
  color: #ffcc00;
  text-decoration: none;
  font-size: 1.1rem;
}

/* ----------------------------------------
   フッター
---------------------------------------- */
.site-footer {
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #444;
}

.credits img {
  margin: 10px;
  vertical-align: middle;
  max-height: 40px;
}