@charset "UTF-8";



* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



body {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    line-height: 1.6;

    color: #333;

    background-color: #f8f9fa;

    padding-bottom: 40px;

}



a {

    color: #007bff;

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



.container {

    max-width: 900px;

    margin: 0 auto;

    padding: 15px;

}



.top-nav {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: #fff;

    padding: 15px 20px;

    border-bottom: 1px solid #e0e0e0;

    margin-bottom: 25px;

}



.top-nav h1 {

    font-size: 1.4rem;

}



/* お知らせ一覧 (一般画面) */

.news-list {

    background: #fff;

    border-radius: 8px;

    border: 1px solid #e0e0e0;

    overflow: hidden;

}



.news-item {

    display: flex;

    align-items: center;

    padding: 15px 20px;

    border-bottom: 1px solid #edf2f7;

    gap: 20px;

}



.news-item:last-child {

    border-bottom: none;

}



.news-date {

    font-weight: bold;

    color: #666;

    font-size: 0.9rem;

    white-space: nowrap;

}



.news-title {

    flex-grow: 1;

    font-size: 1.05rem;

}



.news-thumb {

    width: 70px;

    height: 70px;

    object-fit: cover;

    border-radius: 4px;

}



/* お知らせ詳細 */

.news-detail-card {

    background: #fff;

    padding: 25px;

    border-radius: 8px;

    border: 1px solid #e0e0e0;

}



.news-detail-date {

    color: #666;

    font-size: 0.95rem;

    margin-bottom: 10px;

}



.news-detail-title {

    font-size: 1.6rem;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 2px solid #007bff;

}



.news-detail-content {

    line-height: 1.8;

    margin-bottom: 30px;

    white-space: pre-wrap;

}



.news-images {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 15px;

    margin-top: 20px;

}



.news-images img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    border-radius: 6px;

    border: 1px solid #ddd;

}



/* フォーム・テーブル */

.form-card {

    background: #fff;

    padding: 25px;

    border-radius: 8px;

    border: 1px solid #e0e0e0;

}



.form-group {

    margin-bottom: 18px;

}



.form-group label {

    display: block;

    font-weight: bold;

    margin-bottom: 6px;

}



input[type="text"],

input[type="date"],

input[type="password"],

textarea {

    width: 100%;

    padding: 10px;

    font-size: 1rem;

    border: 1px solid #cbd5e0;

    border-radius: 4px;

}



.btn {

    display: inline-block;

    padding: 10px 20px;

    font-size: 1rem;

    font-weight: bold;

    border-radius: 4px;

    border: none;

    cursor: pointer;

    text-align: center;

}



.btn-primary { background: #007bff; color: #fff; }

.btn-success { background: #28a745; color: #fff; }

.btn-secondary { background: #6c757d; color: #fff; }

.btn-danger { background: #dc3545; color: #fff; }

.btn-block { display: block; width: 100%; }



.table-responsive {

    width: 100%;

    overflow-x: auto;

    background: #fff;

    border-radius: 8px;

    border: 1px solid #e0e0e0;

}



table {

    width: 100%;

    border-collapse: collapse;

    min-width: 600px;

}



th, td {

    padding: 12px 15px;

    border-bottom: 1px solid #edf2f7;

    text-align: left;

}



th { background: #f7fafc; }



@media (max-width: 768px) {

    .news-item {

        flex-direction: column;

        align-items: flex-start;

        gap: 8px;

    }

    

    .news-thumb {

        width: 100%;

        height: 160px;

    }

}