/* 全体のスタイル */
body {
    font-family: 'Orbitron', sans-serif; /* サイバーパンク風のフォント */
    background-color: #0e0e0e; /* ダークな背景色 */
    color: #ffffff; /* 文字色を白に設定 */
    line-height: 1.6; /* 行間の設定 */
    margin: 0; /* マージンのリセット */
    padding: 0; /* パディングのリセット */
}

/* ヘッダーのスタイル */
header {
    background: linear-gradient(90deg, #00ff99, #00ccff); /* グラデーション背景 */
    color: #000000; /* ヘッダーの文字色 */
    padding: 20px; /* ヘッダーの内側の余白 */
    text-align: center; /* テキストを中央揃え */
    box-shadow: 0 4px 20px rgba(0, 255, 153, 0.5); /* 影を追加 */
}

/* ビジネス名のスタイル */
h1.business-name {
    margin: 0; /* マージンのリセット */
    font-size: 2.5em; /* フォントサイズの設定 */
    text-shadow: 0 0 10px #00ff99, 0 0 20px #00ccff; /* テキストの光る効果 */
}

/* メインコンテンツのスタイル */
main {
    padding: 20px; /* メインコンテンツの内側の余白 */
}

/* 商品・サービスの説明セクションのスタイル */
.product-description {
    background: rgba(255, 255, 255, 0.1); /* 半透明の背景 */
    border-radius: 8px; /* 角を丸くする */
    padding: 20px; /* 内側の余白 */
    box-shadow: 0 2px 10px rgba(0, 204, 255, 0.5); /* 影を追加 */
    margin-top: 20px; /* 上部のマージン */
}


/* 商品・サービスの見出し */
.product-description h2 {
    color: #00ccff; /* 見出しの色 */
    text-shadow: 0 0 5px #00ccff; /* テキストの光る効果 */
}

/* 特定商取引法に基づく表記のコンテナ */
.terms-container {
    background-color: rgba(255, 255, 255, 0.1); /* 半透明の背景 */
    border-radius: 8px; /* 角を丸くする */
    padding: 20px; /* 内側の余白 */
    box-shadow: 0 2px 10px rgba(0, 204, 255, 0.5); /* 影を追加 */
    margin-top: 20px; /* 上部のマージン */
}

/* テーブルのスタイル */
.terms-table {
    width: 100%; /* 幅を100%に設定 */
    border-collapse: collapse; /* ボーダーの重なりを解消 */
}

/* テーブルのヘッダー */
.terms-table th {
    background-color: #00ccff; /* ヘッダーの背景色 */
    color: #fff; /* ヘッダーの文字色 */
    padding: 10px; /* 内側の余白 */
    text-align: left; /* 左揃え */
}

/* テーブルのデータセル */
.terms-table td {
    background-color: #ffffff; /* データセルの背景色 */
    padding: 10px; /* 内側の余白 */
    border-bottom: 1px solid #ddd; /* 下部のボーダー */
}

/* 最後の行のボーダーを消す */
.terms-table tr:last-child td {
    border-bottom: none; /* 最後の行のボーダーを消す */
}
tbody tr {
    color: #000000;
  }
  .terms-table th {
    background-color: #00ccff;
    color: #000000;}
/* フッターのスタイル */
footer {
    text-align: center; /* テキストを中央揃え */
    padding: 10px; /* フッターの内側の余白 */
    background: rgba(0, 0, 0, 0.8); /* 半透明の背景 */
    position: relative; /* 相対位置 */
    bottom: 0; /* 下部に配置 */
    width: 100%; /* 幅を100%に設定 */
    color: #00ff99; /* フッターの文字色 */
}

/* リンクのスタイル */
a {
    color: #00ccff; /* リンクの色 */
    text-decoration: none; /* 下線を消す */
    transition: color 0.3s; /* ホバー時の色変更のトランジション */
}

a:hover {
    color: #00ff99; /* ホバー時の色 */
}