/* 全体�E設宁E*/
body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #222; /* 背景はダークグレー */
    color: #fff;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ヘッダー */
header {
    background: #333;
    padding: 40px 0;
    text-align: center;
    border-bottom: 3px solid #444;
}

header h1 {
    margin: 0;
    color: #00d2ff; /* アクセントカラー */
}


header h1 a {
    color: inherit;
    text-decoration: none;
}

header h1 a:visited {
    color: inherit;
}


header h1 a:hover,
header h1 a:active {
    color: inherit;
    text-decoration: none;
}

/* ゲームグリチE���E�一覧表示�E�E*/
.section-title {
    margin-top: 40px;
    border-left: 5px solid #00d2ff;
    padding-left: 15px;
}

.game-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

/* ゲームカード�EチE��イン */
.game-card {
background: #333;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    transition: transform 0.2s;
    max-width: 400px;
}

.game-card:hover {
    transform: translateY(-5px); /* ホバー時に少し浮ぁE*/
    box-shadow: 0 8px 15px rgba(0,0,0,0.5);
}

.thumbnail {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #fff;
}

.content {
    padding: 20px;
}

.content h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.content p {
    font-size: 0.9rem;
    color: #ccc;
    margin-bottom: 20px;
}

/* 遊�Eボタン */
.play-btn {
    display: block;
    background-color: #00d2ff;
    color: #000;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
}

.play-btn:hover {
    background-color: #00aaff;
}

/* フッター */
footer {
    background: #111;
    text-align: center;
    padding: 20px 0;
    font-size: 0.8rem;
    color: #666;
}

/* --- サムネイル画像�E枠 --- */
.thumbnail-link {
    display: block;
    width: 100%;
    height: 200px; 
    overflow: hidden;
    position: relative;
}

/* --- 画像本体�E表示設宁E--- */
.thumbnail-img {
    width: 100%;
    height: 100%;

    object-fit: cover; 
    
    object-position: center center;
    transition: transform 0.3s;
}

/* ホバー時�Eズーム */
.game-card:hover .thumbnail-img {
    transform: scale(1.1);
}

footer a {
    color: #66c2ff;
    text-decoration: none;
}