【2025年】ルーベットカジノ年末年始スペシャル！ホリデーシーズン限定ボーナス完全攻略！

* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; background: #f8f9fa; padding: 40px 20px; color: #333; } .entry-flow-box { max-width: 700px; margin: 0 auto; background: #ffffff; border-radius: 12px; padding: 32px 36px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } h3 { font-size: 1.3rem; color: #1a1a2e; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #2e7d32; display: inline-block; } .flow-list { list-style: none; position: relative; } .flow-list::before { content: ""; position: absolute; left: 15px; top: 30px; bottom: 30px; width: 2px; background: linear-gradient(to bottom, #2e7d32, #81c784); } .flow-list li { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px; position: relative; } .flow-list li:last-child { margin-bottom: 0; } .step-number { background: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; flex-shrink: 0; position: relative; z-index: 1; } .step-content { flex: 1; background: #f8f9fa; padding: 14px 18px; border-radius: 8px; line-height: 1.7; border-left: 3px solid #4caf50; transition: background 0.2s ease, transform 0.2s ease; } .flow-list li:hover .step-content { background: #e8f5e9; transform: translateX(4px); } .step-content strong { color: #2e7d32; } /* レスポンシブ対応 */ @media (max-width: 600px) { .entry-flow-box { padding: 24px 20px; } .flow-list::before { left: 13px; } .step-number { width: 28px; height: 28px; font-size: 0.85rem; } .step-content { padding: 12px 14px; } }