/* ===== リセット & ベース ===== */
*, *::before, *::after {
  box-sizing: border-box;
    margin: 0;
      padding: 0;
      }

      body {
        font-family: 'Segoe UI', 'Hiragino Sans', 'Meiryo', sans-serif;
          font-size: 16px;
            line-height: 1.7;
              color: #333;
                background-color: #f8f9fa;
                }

                a {
                  color: #0066cc;
                    text-decoration: none;
                    }

                    a:hover {
                      text-decoration: underline;
                      }

                      /* ===== レイアウト ===== */
                      .container {
                        max-width: 960px;
                          margin: 0 auto;
                            padding: 0 20px;
                            }

                            /* ===== ヘッダー ===== */
                            .site-header {
                              background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
                                color: white;
                                  padding: 30px 0;
                                    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
                                    }

                                    .site-title {
                                      font-size: 2rem;
                                        font-weight: 700;
                                          margin-bottom: 5px;
                                          }

                                          .site-title a {
                                            color: white;
                                              text-decoration: none;
                                              }

                                              .site-description {
                                                color: #adb5bd;
                                                  font-size: 0.95rem;
                                                    margin-bottom: 15px;
                                                    }

                                                    .site-header nav {
                                                      display: flex;
                                                        gap: 20px;
                                                        }

                                                        .site-header nav a {
                                                          color: #74b9ff;
                                                            font-weight: 500;
                                                              padding: 5px 10px;
                                                                border-radius: 4px;
                                                                  transition: background 0.2s;
                                                                  }

                                                                  .site-header nav a:hover {
                                                                    background: rgba(255,255,255,0.1);
                                                                      text-decoration: none;
                                                                      }

                                                                      /* ===== ヒーローセクション ===== */
                                                                      .hero {
                                                                        background: white;
                                                                          border-radius: 12px;
                                                                            padding: 40px;
                                                                              margin: 30px 0;
                                                                                text-align: center;
                                                                                  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
                                                                                    border-left: 5px solid #0066cc;
                                                                                    }

                                                                                    .hero h2 {
                                                                                      font-size: 1.8rem;
                                                                                        color: #1a1a2e;
                                                                                          margin-bottom: 12px;
                                                                                          }

                                                                                          .hero p {
                                                                                            color: #666;
                                                                                              font-size: 1.05rem;
                                                                                              }

                                                                                              /* ===== 記事グリッド ===== */
                                                                                              .section-title {
                                                                                                font-size: 1.5rem;
                                                                                                  color: #1a1a2e;
                                                                                                    margin-bottom: 20px;
                                                                                                      padding-bottom: 10px;
                                                                                                        border-bottom: 2px solid #0066cc;
                                                                                                        }
                                                                                                        
                                                                                                        .posts-grid {
                                                                                                          margin-bottom: 40px;
                                                                                                          }
                                                                                                          
                                                                                                          /* ===== 記事カード ===== */
                                                                                                          .post-card {
                                                                                                            background: white;
                                                                                                              border-radius: 12px;
                                                                                                                padding: 28px;
                                                                                                                  margin-bottom: 20px;
                                                                                                                    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
                                                                                                                      transition: transform 0.2s, box-shadow 0.2s;
                                                                                                                        border-top: 4px solid transparent;
                                                                                                                        }
                                                                                                                        
                                                                                                                        .post-card:hover {
                                                                                                                          transform: translateY(-3px);
                                                                                                                            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
                                                                                                                              border-top-color: #0066cc;
                                                                                                                              }
                                                                                                                              
                                                                                                                              .post-meta {
                                                                                                                                display: flex;
                                                                                                                                  gap: 12px;
                                                                                                                                    margin-bottom: 12px;
                                                                                                                                      font-size: 0.85rem;
                                                                                                                                      }
                                                                                                                                      
                                                                                                                                      .post-date {
                                                                                                                                        color: #888;
                                                                                                                                        }
                                                                                                                                        
                                                                                                                                        .post-category {
                                                                                                                                          background: #e3f2fd;
                                                                                                                                            color: #0066cc;
                                                                                                                                              padding: 2px 10px;
                                                                                                                                                border-radius: 20px;
                                                                                                                                                  font-weight: 500;
                                                                                                                                                  }
                                                                                                                                                  
                                                                                                                                                  .post-title {
                                                                                                                                                    font-size: 1.25rem;
                                                                                                                                                      margin-bottom: 10px;
                                                                                                                                                        line-height: 1.4;
                                                                                                                                                        }
                                                                                                                                                        
                                                                                                                                                        .post-title a {
                                                                                                                                                          color: #1a1a2e;
                                                                                                                                                          }
                                                                                                                                                          
                                                                                                                                                          .post-title a:hover {
                                                                                                                                                            color: #0066cc;
                                                                                                                                                              text-decoration: none;
                                                                                                                                                              }
                                                                                                                                                              
                                                                                                                                                              .post-excerpt {
                                                                                                                                                                color: #666;
                                                                                                                                                                  font-size: 0.95rem;
                                                                                                                                                                    margin-bottom: 15px;
                                                                                                                                                                    }
                                                                                                                                                                    
                                                                                                                                                                    .read-more {
                                                                                                                                                                      display: inline-block;
                                                                                                                                                                        color: #0066cc;
                                                                                                                                                                          font-weight: 600;
                                                                                                                                                                            font-size: 0.9rem;
                                                                                                                                                                              padding: 6px 16px;
                                                                                                                                                                                border: 2px solid #0066cc;
                                                                                                                                                                                  border-radius: 20px;
                                                                                                                                                                                    transition: all 0.2s;
                                                                                                                                                                                    }
                                                                                                                                                                                    
                                                                                                                                                                                    .read-more:hover {
                                                                                                                                                                                      background: #0066cc;
                                                                                                                                                                                        color: white;
                                                                                                                                                                                          text-decoration: none;
                                                                                                                                                                                          }
                                                                                                                                                                                          
                                                                                                                                                                                          /* ===== 記事本文ページ ===== */
                                                                                                                                                                                          .post-article {
                                                                                                                                                                                            background: white;
                                                                                                                                                                                              border-radius: 12px;
                                                                                                                                                                                                padding: 40px;
                                                                                                                                                                                                  margin: 30px 0;
                                                                                                                                                                                                    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
                                                                                                                                                                                                    }
                                                                                                                                                                                                    
                                                                                                                                                                                                    .post-article h1 {
                                                                                                                                                                                                      font-size: 2rem;
                                                                                                                                                                                                        color: #1a1a2e;
                                                                                                                                                                                                          margin-bottom: 15px;
                                                                                                                                                                                                            line-height: 1.3;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            
                                                                                                                                                                                                            .post-article .post-meta {
                                                                                                                                                                                                              margin-bottom: 30px;
                                                                                                                                                                                                                padding-bottom: 20px;
                                                                                                                                                                                                                  border-bottom: 1px solid #eee;
                                                                                                                                                                                                                  }
                                                                                                                                                                                                                  
                                                                                                                                                                                                                  .post-article h2 {
                                                                                                                                                                                                                    font-size: 1.4rem;
                                                                                                                                                                                                                      color: #1a1a2e;
                                                                                                                                                                                                                        margin: 30px 0 12px;
                                                                                                                                                                                                                          padding-left: 12px;
                                                                                                                                                                                                                            border-left: 4px solid #0066cc;
                                                                                                                                                                                                                            }
                                                                                                                                                                                                                            
                                                                                                                                                                                                                            .post-article p {
                                                                                                                                                                                                                              margin-bottom: 16px;
                                                                                                                                                                                                                                color: #444;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                
                                                                                                                                                                                                                                .post-article ul {
                                                                                                                                                                                                                                  margin: 12px 0 20px 24px;
                                                                                                                                                                                                                                    color: #444;
                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                    .post-article li {
                                                                                                                                                                                                                                      margin-bottom: 6px;
                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                      
                                                                                                                                                                                                                                      .back-link {
                                                                                                                                                                                                                                        display: inline-block;
                                                                                                                                                                                                                                          margin-bottom: 20px;
                                                                                                                                                                                                                                            color: #666;
                                                                                                                                                                                                                                              font-size: 0.9rem;
                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                              
                                                                                                                                                                                                                                              .back-link:hover {
                                                                                                                                                                                                                                                color: #0066cc;
                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                /* ===== フッター ===== */
                                                                                                                                                                                                                                                .site-footer {
                                                                                                                                                                                                                                                  background: #1a1a2e;
                                                                                                                                                                                                                                                    color: #adb5bd;
                                                                                                                                                                                                                                                      text-align: center;
                                                                                                                                                                                                                                                        padding: 25px 0;
                                                                                                                                                                                                                                                          margin-top: 40px;
                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                          
                                                                                                                                                                                                                                                          .site-footer strong {
                                                                                                                                                                                                                                                            color: #74b9ff;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                            /* ===== レスポンシブ ===== */
                                                                                                                                                                                                                                                            @media (max-width: 640px) {
                                                                                                                                                                                                                                                              .site-title { font-size: 1.5rem; }
                                                                                                                                                                                                                                                                .hero { padding: 25px 20px; }
                                                                                                                                                                                                                                                                  .post-card { padding: 20px; }
                                                                                                                                                                                                                                                                    .post-article { padding: 25px 20px; }
                                                                                                                                                                                                                                                                    }