/* 全体スタイル */
body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
    margin:0;
}
.main {
    margin: 20px;
}

/* ページタイトル：左寄せかつ文字サイズや色を調整 */
.page-title {
    text-align: left;
    color: #333;
    font-size: 28px;
    margin-bottom: 10px;
}
.header{
    padding-top: 40px;
    background-image: url(../images/stripe.png);
    background-repeat: repeat-x;
}
.logo {
    text-align: center;
}
header img {/* でんゆらルームの大きさを調整している（オリ） */
    width: 300px; /* 親要素の幅に合わせる */
    height: auto; /* 自動調整してアスペクト比を維持 */
}
.nav ul{
    margin: 30px 0 0 0;
    padding: 0px;
    list-style-type: none;

    display: flex;
    justify-content: center;
    gap: 40px;
}
.nav li{
    font-size: 40px;
}
.nav a:link{
    color: #f07d34;
}
.nav a:visited {
    color: #f07d34;
}

/* ソートリンク領域 */
.sort-links {
    text-align: left;
    margin-bottom: 20px;
}

/* ソートリンクのボタン風デザイン */
.sort-links a {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 15px;
    text-decoration: none;
    color: #007BFF;
    background-color: #eaeaea;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

/* ホバー時のデザイン */
.sort-links a:hover {
    background-color: #007BFF;
    color: #fff;
}

/* 現在選択中のソートリンク */
.sort-links a.active {
    background-color: #007BFF;
    color: #fff;
}

/* スレッド一覧 */
.thread-list {
    list-style: none;
    padding: 0;
}

.thread-list li {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* 投稿情報（投稿数、日時）の小さな文字 */
.thread-info {
    font-size: 12px;
    color: #666;
}