@charset "UTF-8";

/* リセット・基本設定 3/13/2026 */
* { margin:0; padding:0; box-sizing:border-box; }
body { 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Verdana, sans-serif; 
  color:#000; 
  background:#fff; 
  line-height:1.5; 
  max-width:1200px; margin:0 auto; 
}

/* コンテナ（レスポンシブ化） */
#container { width:90%; max-width:760px; margin:0 auto; }

/* ヘッダー */
#banner, #subbanner { 
  background:#fff; /* 旧画像削除 */
  height:180px; padding:20px; text-align:center; 
}
.blogtitle { font-size:2.2rem; font-weight:bold; letter-spacing:1px; }
.description { color:#000066; font-size:1rem; padding:10px 0; }

/* コンテンツレイアウト */
#content { width:100%; max-width:65%; float:left; }
#links { width:30%; float:right; padding:20px 0 0 10px; }
#footer { clear:both; }

/* 記事 */
.blog { margin:20px 0; }
.date { 
  background:#f5f5f5; color:#666; 
  font-size:0.9rem; padding:5px; margin-bottom:10px; 
}
.title { 
  font-size:1.2rem; font-weight:bold; color:#272756; 
  padding:10px 0; border-bottom:2px solid #ccc; 
}
.main { 
  font-size:1rem; padding:15px; color:#000; 
}
.posted { 
  text-align:right; font-size:0.85rem; color:#666; margin-top:10px; 
}

/* リンク統一（青系を維持） */
a { color:#353573; text-decoration:none; }
a:hover { text-decoration:underline; opacity:0.8; }

/* サイドバー */
.sidetitle { 
  background:#e9f4f4; border:1px solid #338282; 
  color:#353573; font-size:1rem; padding:8px; margin-bottom:5px; 
}
.side { font-size:0.95rem; padding:10px; line-height:1.5; }

/* フッター */
#copyright { 
  background:#1b80b5; color:#fff; 
  text-align:center; font-size:0.85rem; padding:10px; 
}

/* レスポンシブ対応 */
@media (max-width:768px) {
  #content, #links { float:none; width:100%; }
  #banner { height:auto; padding:10px; }
}