@charset "utf-8";

/* rgb(95, 197, 240) */


/* ヘッダー */
/* ハンバーガー */

body {
    margin: 0;
    font-family: sans-serif;
}




/* ライブ参戦歴の文字を左寄せ */
#top {
    background-color: gray;
    color: white;
    padding: 20px;
    text-align: left;
    /* ←ここを left に変更 */
}

.header {
    display: flex;
    justify-content: space-between;
    /* 左にタイトル、右にメニュー */
    align-items: center;
    background-color:gray;
    /* ヘッダー兼ハンバーガーメニューの色 */
    padding: 1em;
    position: relative;
    color: white;
}

.site-title {
    margin: 0;
    font-size: 2.5em;
    text-align: left;
}


/* ハンバーガーメニューのサイズ調整 */
.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 35px;
    /* ←拡大 */
    height: 28px;
    /* ←拡大 */
    cursor: pointer;
}


 .hamburger span {
     display: block;
     height: 4px;
     /* ←線の太さを少し太く */
     background-color: white;
     border-radius: 2px;
 }

 .menu-toggle {
     display: none;
 }

 .menu {
     display: none;
     position: absolute;
     top: 100%;
     right: 0;
     background-color: gray;
     width: 200px;
 }

 .menu-toggle:checked~.menu {
     display: block;
 }

 .menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .menu li {
     border-bottom: 1px solid #666;
 }

 .menu a {
     display: block;
     color: white;
     text-decoration: none;
     padding: 1em;
     transition: background-color 0.3s;
 }

 .menu a:hover {
     background-color: #666;
 }


/* ライブ表 */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

th,
td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

th {
    background-color: #f5f5f5;
    color: #333;
    background-color: rgb(95, 197, 234);
    /* 項目名の背景色 */
}

tr:nth-child(even) {
    background-color: #fafafa;
}

input[type="text"] {
    margin-top: 10px;
    padding: 6px 10px;
    border: 1px solid #333;
    border-radius: 4px;
    width: 200px;
}



/* フッター */
footer {
    text-align: center;
    padding: 20px;
    background-color: gray;
    color: white;
}